Giant Stride

Proyek Blog untuk Diver dengan MERN Stack adalah sebuah platform dinamis yang dikembangkan untuk para penyelam atau "diver" di seluruh dunia. Platform ini memungkinkan para penyelam untuk berbagi pengalaman, cerita, tips, dan pengetahuan seputar dunia bawah laut melalui artikel-artikel informatif dan menarik.

Fitur Utama:

1. Artikel Diving: Platform ini menyediakan ruang bagi penyelam untuk menulis artikel tentang pengalaman menyelam, destinasi menyelam favorit, tips keselamatan, dan berbagai topik seputar diving.

2. Profil Pengguna: Setiap pengguna memiliki profil pribadi dengan daftar artikel yang telah ditulis dan galeri foto pribadi.

3. Responsif dan Menarik: Tampilan yang responsif memastikan pengalaman pengguna yang konsisten, baik di desktop maupun perangkat mobile.

4. Otentikasi Pengguna: Pengguna dapat mendaftar dan masuk ke akun mereka untuk menulis artikel, mengubah artikel, dan menghapus artikel.

Teknologi yang Digunakan:

• MongoDB: Sebagai basis data NoSQL untuk penyimpanan artikel, gambar, dan data pengguna.
• Express.js: Framework untuk mengelola rute dan logika backend.
• Next js: Library JavaScript untuk membangun antarmuka pengguna yang responsif.
• Node.js: Lingkungan runtime JavaScript di sisi server untuk menjalankan backend aplikasi.
• Tailwind css: Framework CSS untuk memastikan tampilan yang menarik dan responsif. Proyek Blog untuk Diver ini menggabungkan teknologi modern dengan minat bersama dalam diving, memungkinkan para penyelam untuk berbagi pengetahuan dan kegembiraan mereka dengan komunitas global.

Tech Stack

Client: Next js, TailwindCSS

Server: Node js, Express

Database: MongoDb

Installation

clone with git

 git clone https://github.com/haniframadhani/giant-stride-frontend.git

Install giant-stride-frontend with npm

  npm install 

Run Locally

Go to the project directory

  cd giant-stride-backend

Start the development server

  npm run dev
  # or
  yarn dev
  # or
  pnpm dev

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_BASE_URL your backend url E.g http://localhost:4000/

NEXTAUTH_SECRET not required in development. MUST for production, E.g sMXvr7vjqEr4UyJXvftAUIBFMTDNkvV8

Backend

Backend repo

giant-stride-backend

Authors

• @haniframadhani