Quantm is a full-stack dashboard application developed to showcase financial and operational insights. Built using Django for the backend and Next.js for the frontend, Quantm demonstrates modern full-stack development principles and provides an intuitive user experience.
- Interactive Dashboard: Visualize key data and insights.
- Backend: Built with Django for robust API and data management.
- Frontend: Dynamic and responsive UI with Next.js.
- Data Visualization: Present insights using charts and graphs.
- Environment Management: Configured for both development and production environments.
- Django
- Django REST Framework (DRF)
- PostgreSQL
- Next.js
- Tailwind CSS
- Docker for containerized environments
- Vercel for frontend hosting
- Python 3.9+
- Node.js 16+
- Docker (optional)
- Navigate to the
backend/
directory:cd backend
- Create a virtual environment and activate it:
python -m venv venv source venv/bin/activate # On Windows: venv\Scripts\activate
- Install dependencies:
pip install -r requirements.txt
- Apply migrations and run the server:
python manage.py migrate python manage.py runserver
- Access the backend at
http://localhost:8000
.
- Navigate to the
frontend/
directory:cd frontend
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Access the frontend at
http://localhost:3000
.
Create a .env
file in the backend/
directory with the following variables:
SECRET_KEY=your_secret_key
DEBUG=True
DATABASE_URL=postgresql://user:password@localhost/dbname
Create a .env.local
file in the frontend/
directory with the following variable:
NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
- Navigate to the
backend/
directory:cd backend
- Run tests using
pytest
:pytest
- Navigate to the
frontend/
directory:cd frontend
- Run tests using
Jest
:npm run test
For any questions or further information, feel free to reach out:
- Email: shahsuvarli.elvin@gmail.com
- LinkedIn: LinkedIn
Quantm - A Full-Stack Dashboard Application by Elvin Shahsuvarli