This project is an events page in Japan, featuring various events across the country. Users can choose which events to participate in based on their date, event capacity, and location.
The page includes a login system where users can identify themselves as either regular users or administrators. Administrators have exclusive sections for adding, deleting, and editing events, while regular users can only sign up or withdraw from an event. Upon signing up for an event, users receive a confirmation email to stay informed about the event date.
For this project, we used Vue 3 as the foundation for our frontend, along with JavaScript and Sass. The backend is built with Spring Boot and Java, utilizing SQL databases and Docker containers.
The project was developed entirely from scratch by our development team, and the design is also our own creation.
- Vue 3: 🖼️ Framework for building user interfaces.
- JavaScript: 🌐 Programming language for client-side scripting.
- Sass: 🎨 Stylesheet language to enhance the design and structure of the project.
- Spring Boot: ☕ Framework for building Java-based enterprise applications.
- Java: ☕ Widely used programming language for enterprise-level applications.
- SQL Databases: 🗃️ Utilized for storing and managing data related to events and users.
- Docker Containers: 🐳 Platform for packaging, distributing, and running applications in containers.
-
Additional browser support
-
Add more integrations
Clone the project
git clone https://github.com/Team-Youns-Sheldons/Front-End_Japan-Events.git
Go to the project directory
cd Front-End_Japan-Events
Install dependencies
npm install
Start the server
npm run dev
Clone the project
git clone https://github.com/Team-Youns-Sheldons/Back-End_Japan-Events.git
Start the server
mvn spring-boot:run
Start Container Docker
docker pull mysql:8.0-debian
docker run --name japan-events_db -p 3306:3306 -e MYSQL_ROOT_PASSWORD=password -d mysql:8.0-debian
And create Schema MYSQL japan-events_db
To deploy this project run
npm run build
To run tests, run the following command
npm run test:unit