Full-Stack Freelancer Project Posting Webapp
Budget: ₹600 – ₹1,500 INR
Create a complete full-stack Freelancer Project Posting web application.
Requirements:
1. Frontend:
- Use HTML, CSS, and JavaScript (or React if possible)
- Create a clean UI
- Include a form with fields:
- Project Title
- Description
- Budget
- Deadline
- Show all posted projects in a list below the form
2. Backend:
- Use Node.js with Express
- Create API endpoints:
- POST /post-project (to save project)
- GET /projects (to fetch all projects)
3. Database:
- Use MongoDB (or simple in-memory array for beginner version)
4. Features:
- Form validation
- Display projects dynamically
- Show budget and title clearly
- Responsive design (mobile friendly)
5. Bonus Features:
- Add user authentication (login/signup)
- Add bidding system (freelancers can apply)
- Add project categories
- Add search and filter
6. Output format:
- Provide complete folder structure
- Provide separate files:
- server.js
- index.html
- style.css
- script.js
- Add comments in code for understanding
7. Make the project beginner-friendly but professional looking.
Also explain how to run the project step by step.
Requirements:
1. Frontend:
- Use HTML, CSS, and JavaScript (or React if possible)
- Create a clean UI
- Include a form with fields:
- Project Title
- Description
- Budget
- Deadline
- Show all posted projects in a list below the form
2. Backend:
- Use Node.js with Express
- Create API endpoints:
- POST /post-project (to save project)
- GET /projects (to fetch all projects)
3. Database:
- Use MongoDB (or simple in-memory array for beginner version)
4. Features:
- Form validation
- Display projects dynamically
- Show budget and title clearly
- Responsive design (mobile friendly)
5. Bonus Features:
- Add user authentication (login/signup)
- Add bidding system (freelancers can apply)
- Add project categories
- Add search and filter
6. Output format:
- Provide complete folder structure
- Provide separate files:
- server.js
- index.html
- style.css
- script.js
- Add comments in code for understanding
7. Make the project beginner-friendly but professional looking.
Also explain how to run the project step by step.