You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.6 KiB
64 lines
1.6 KiB
6 months ago
|
# My Fullstack App
|
||
|
|
||
|
This project is a fullstack application that consists of a Django backend and a React frontend. The backend is built using Django and connects to a MongoDB database, while the frontend is developed using React with Vite as the bundler and Tailwind CSS for styling.
|
||
|
|
||
|
## Project Structure
|
||
|
|
||
|
```
|
||
|
my-fullstack-app
|
||
|
├── backend
|
||
|
│ ├── manage.py
|
||
|
│ ├── requirements.txt
|
||
|
│ ├── backend
|
||
|
│ │ ├── __init__.py
|
||
|
│ │ ├── settings.py
|
||
|
│ │ ├── urls.py
|
||
|
│ │ └── wsgi.py
|
||
|
│ └── app
|
||
|
│ ├── __init__.py
|
||
|
│ ├── models.py
|
||
|
│ ├── views.py
|
||
|
│ └── urls.py
|
||
|
├── frontend
|
||
|
│ ├── index.html
|
||
|
│ ├── package.json
|
||
|
│ ├── postcss.config.js
|
||
|
│ ├── tailwind.config.js
|
||
|
│ ├── tsconfig.json
|
||
|
│ ├── vite.config.ts
|
||
|
│ └── src
|
||
|
│ ├── main.tsx
|
||
|
│ ├── App.tsx
|
||
|
│ └── index.css
|
||
|
└── README.md
|
||
|
```
|
||
|
|
||
|
## Backend Setup
|
||
|
|
||
|
1. Navigate to the `backend` directory.
|
||
|
2. Install the required packages listed in `requirements.txt` using pip.
|
||
|
3. Run the Django server using the command:
|
||
|
```
|
||
|
python manage.py runserver
|
||
|
```
|
||
|
|
||
|
## Frontend Setup
|
||
|
|
||
|
1. Navigate to the `frontend` directory.
|
||
|
2. Install the dependencies using npm:
|
||
|
```
|
||
|
npm install
|
||
|
```
|
||
|
3. Start the development server using:
|
||
|
```
|
||
|
npm run dev
|
||
|
```
|
||
|
|
||
|
## Technologies Used
|
||
|
|
||
|
- **Backend**: Django, MongoDB
|
||
|
- **Frontend**: React, Vite, Tailwind CSS
|
||
|
|
||
|
## License
|
||
|
|
||
|
This project is licensed under the MIT License.
|