Pas à Pas

Introduction

We started to learn web development in Sept 22. This project is our first hackathon project using React, Express, SQL and Tailwind.

We chose to make a interactive website to discover the route of known explorers through puzzles.
We made our own database.

About the team

The team is composed :

(You can click to link to our github'profiles )

• Doroteya
• Javier
• Matthieu
• Madeline

Tech Stack

Available commands

• setup : Initialization of frontend and backend, as well as all toolings
• migrate : Run the database migration script
• dev : Starts both servers (frontend + backend) in one terminal
• dev-front : Starts the React frontend server
• dev-back : Starts the Express backend server
• lint : Runs validation tools, and refuses unclean code (will be executed on every commit)
• fix : Fixes linter errors (run it if lint growls on your code !)

Tools

• Concurrently : Allows for several commands to run concurrently in the same CLI
• Husky : Allows to execute specific commands that trigger on git events
• Vite : Alternative to Create-React-App, packaging less tools for a more fluid experience
• ESLint : "Quality of code" tool, ensures chosen rules will be enforced
• Prettier : "Quality of code" tool as well, focuses on the styleguide
• _ Airbnb Standard_ : One of the most known "standards", even though it's not officially linked to ES/JS
• Nodemon : Allows to restart the server everytime a .js file is udated

Objectives

This project was an opportunity to learn and practice React. Some mistakes are expected.
We do appreciate any feedbacks.

Thanks !