A full-stack web application project with a frontend built in React and a backend implemented using Node.js.
The backend contains the server-side logic and APIs.
Folder: backend
insertAdmin.js
: 🛠 Script for inserting admin-related data.insertData.js
: 📦 Script for seeding initial data.insertDept.js
: 🏢 Script for department-related data.model.js
: 📄 Database models and schemas.server.js
: 🚀 Main server entry point.package.json
: 📜 Dependencies and scripts for the backend.
The frontend is a React-based single-page application.
Folder: frontend
public
- 🌟
favicon.ico
: Favicon for the app. - 📃
index.html
: Entry HTML file. - 📋
manifest.json
: Manifest file for PWA settings.
- 🌟
src
App.js
: ⚛️ Main application component.Pages
: 📄 Directory for different page components.index.js
: 🖥 Entry point for React app.App.css
,index.css
: 🎨 Styling files.reportWebVitals.js
: 📊 Performance tracking for React.
- 📦 Node.js (version 14.x or higher)
- 📥 npm or yarn installed
- Navigate to the
backend
directory:cd backend
- Install dependencies:
npm install
- Start the server:
npm start
- Navigate to the
frontend
directory:cd frontend
- Install dependencies:
npm install
- Start the React development server:
npm start
Ensure both servers are running concurrently on separate ports.
- ⚛️ Frontend: Interactive UI built with React.
- 🛠 Backend: RESTful API endpoints for data management.
- 🔗 Full Stack Integration: Seamless communication between the frontend and backend.
- 🍴 Fork the repository.
- 🌱 Create a feature branch:
git checkout -b feature-name
- 💾 Commit your changes:
git commit -m "Add feature"
- 📤 Push to the branch:
git push origin feature-name
- 📝 Create a Pull Request.
This project is open-source and available under the MIT License.