Warning
We have stopped work on Flipster. It was a project that we used to learn about web-apps and working as a team. We have gained a lot of knowledge from this, and realised that our approach in many aspects could be better. We have therefore decided, it would not be worth the time and effort to restart this, as we would not learn much. Flipster has served it's purpose for us and will be left to rest peacefully 🪦
Flashcard revision web application with (planned)
Using make
Make has several useful commands configured. The most useful one is make run, which will run the front end and the back end and update both when files are modified.
This requires cargo watch, which will rerun a cargo command when a file change is detected. In this case, make run will use cargo watch -x run
If you have tmux and would like to use it, make run-tmux will start the front and back end in separate tmux sessions. make stop-tmux will kill these sessions
Manually
To run the front end, go to the web directory (cd web), and run:
yarn dev -p 5173Where -p specifies the port number of the website
To run the back end, go to the 'api directory (cd api`), and run:
cargo runIf you would like it to automatically rebuild when you make file changes, see Using make for how to install cargo watch, then use the following command instead of above:
cargo watch -x runFinally, go to http://localhost:5173 to view the website
You can run both web and API at the same time using make run, or make run-tmux to run the web and API in separate tmux sessions
Linting can be run on both web and API using make lint, and similarly for make format
- The backend API of the website
- Handles connecting to database
- Uses
actixfor serving the API andsqlxto connect to the database - Written in Rust 🦀
- The frontend of the website
- Uses React, NextJS and TypeScript
- Tailwind CSS for styling