Cupid's Click

This is a dating simulation website for Valentine's Day. It's also an internal training project for the new members of Exercise FTUI.

About Us

We are Team A of Exercise FTUI 2024. We are the Cupid's Crew, and we are here to help you find your true love. We are a group of passionate individuals who are dedicated to helping

Members

• Manager: Wiellona Darlene Oderia Saragih
• Relation: Naira Raissa Hulaemi
• Creative: Aliya Rizqiningrum Salamun
• Design: Muhammad Riyan Satrio Wibowo
• Design: Clarissa
• Software: Edgrant Henderson Suryajaya
• Software: Christian Hadiwijaya
• Software: Naufal Hani Zakwan
• Software: Jonathan Frederick Kosasih
• Software: Deandro Najwan Ahmad

Project Structure

The project is structured as follows:

• src/: Contains the source code of the application.
  • App.jsx: The main application component.
  • components/: Contains reusable components like ChoicesBox, DialogBox, and TextBox.
  • pages/: Contains the different pages of the application like MainPage, GoodEnding, BadEnding, NoOne, NoTwo, NoThree, No....
  • main.css: Contains the main CSS styles for the application.
  • main.jsx: The entry point of the application.
• public/: Contains public assets that will be served by the server.
• index.html: The main HTML file.
• package.json: Contains the list of project dependencies and scripts.
• postcss.config.js, tailwind.config.js, vite.config.js: Configuration files for PostCSS, Tailwind CSS, and Vite respectively.

Pages

• MainPage: The main page of the application. This is where the story begins.
• GoodEnding: The page displayed when the player achieves a good ending.
• BadEnding: The page displayed when the player achieves a bad ending.
• NoOne, NoTwo, NoThree, No...: Additional pages for different scenarios or storylines.

External Tools

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh
• Tailwind CSS for styling the application.

Setup

To set up the project, follow these steps:

1. Clone the repository.
2. Install the dependencies with npm install.
3. Start the development server with npm run dev.

Contributing

If you want to contribute to this project, please create a new branch and submit a pull request.