Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kunal021/blog
Blog Website
https://github.com/kunal021/blog
expressjs jwt mongodb nodejs reactjs shadcn-ui supabase tailwindcss
Last synced: about 2 months ago
JSON representation
Blog Website
- Host: GitHub
- URL: https://github.com/kunal021/blog
- Owner: kunal021
- Created: 2024-08-22T13:34:53.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-29T11:32:25.000Z (6 months ago)
- Last Synced: 2024-11-08T00:07:27.206Z (3 months ago)
- Topics: expressjs, jwt, mongodb, nodejs, reactjs, shadcn-ui, supabase, tailwindcss
- Language: JavaScript
- Homepage: https://readnote.pages.dev/
- Size: 2.65 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PROJECT SETUP
- Clone this repository using command git clone `https://github.com/kunal021/blog.git`
- Alternatively download the .zip file
- (Make sure you have git and NodeJs installed in your system.)
## Front-End
- First navigate to folder named client(`cd client`)
- Run command `npm install` to all required dependencies
- Run command `npm run dev` to run it locally. Navigate to `http://localhost:5173/` in your browser.- (Front-End Uses ReactJs(with Vite), Tailwind CSS, Shadcn UI)
- (Front-End is deployed on Cloudfare Pages `https://readnote.pages.dev/`)## Back-End
- First navigate to folder named server(`cd server`)
- Run command `npm install` to all required dependencies
- Add necessay environment variables in .env file(.env should be present in root of server folder)```bash
DATABASE_URI=YOUR_MONGODB_CONNECTION_URL #(Choose Drivrer as mongoose)
EXPRESS_APP_SUPABASE_URL=YOUR_SUPABASE_URL
EXPRESS_APP_SUPABASE_ANON_KEY=YOUR_SUPABASE_ANON_KEY
JWT_SECRET=YOUR_JWT_SCRETE
```- Create an storage bucket in supabase and name it `zuai-blog` make it public bucket
- Configure the policy of bucket and select all policy as public- Run command `npm run dev` to start server locally(it runs on port 5000)
- (Back-End uses NodeJs(with ExpressJs) for server, MongoDB for database, Supabase for storage, JWT for authentication)
- (Back-End is deployed on Render)