Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kamal9494/codebugged-task
full-stack task
https://github.com/kamal9494/codebugged-task
expressjs face-api-js mongodb nodejs reactjs
Last synced: 7 days ago
JSON representation
full-stack task
- Host: GitHub
- URL: https://github.com/kamal9494/codebugged-task
- Owner: kamal9494
- Created: 2024-04-01T15:27:01.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-04-04T19:03:00.000Z (8 months ago)
- Last Synced: 2024-04-04T20:25:25.395Z (8 months ago)
- Topics: expressjs, face-api-js, mongodb, nodejs, reactjs
- Language: JavaScript
- Homepage: https://codebugged-task.vercel.app/
- Size: 10.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full-Stack Task
## Tech Stack
- **Frontend:** React.js with TailwindCSS and React-Router DOM v6 for routing.
- **Backend:** Express.js
- **Database:** MongoDB
- **External Service:** face-api.js
## Demo URL
Frontend: [https://codebugged-task.vercel.app/](https://codebugged-task.vercel.app/)
Backend: [https://codebugged-server.vercel.app](https://codebugged-server.vercel.app)
## Features Overview
- Created following pages as mentioned in task description :
1. `/` to display user information and pictures.
2. `/login` where user can login using username and their picture.
3. `/register` to register their face.
- **API Endpoints:** Developed API endpoints using Express.js
- `/api/users` POST Method for user registration storing user info in database.
- `/api/auth` POST Method to authenticate user.
- `/images` GET, POST Method for getting and uploading images.
- Created a responsive design to ensure compatibility across various devices.
- Both frontend and backend is deployed in vercel.
## Setup
Clone the project
```bash
git clone https://github.com/kamal9494/codebugged-task
```
Navigate to client to run frontend
```bash
cd client
npm install
npm run dev
```
Navigate to server to run backend
```bash
cd server
npm install
npm run dev
```
## Architecture Diagram
