Project Overview

This project is a web application with a Python-based backend and a JavaScript-based frontend. The backend handles the server-side logic and data management, while the frontend provides a dynamic and interactive user interface. For the frontend design, I used Figma to create a mockup of the application.

The main purpose of this project is to try different technologies and tools and learn how to integrate them to build a full-stack web application. Furthermore, I wanted to try working with an auto-resetting database by utilizing the ephermal storage of the Heroku platform.

Backend

The backend of this application is built with Python and Django. It handles the server-side logic, data processing, and API endpoints.

Technologies Used

• Language: Python
• Framework: Django
• Database: SQLite
• Other Tools: Django REST framework, Simple JWT, drf-yasg

Frontend

The frontend of this application is built with JavaScript and React. It provides a dynamic and interactive user interface, leveraging modern web development tools and libraries.

Technologies Used

• Languages and Libraries: JavaScript, React
• Build Tools: Vite
• Package Manager: npm
• Styling: styled-components
• Plugins: @vitejs/plugin-react, @vitejs/plugin-react-swc
• Routing: react-router-dom
• HTTP Client: axios

Project Structure

• backend/: Contains the backend code and related files.
• frontend/: Contains the frontend code and related files.