/fsw-trips

✅ This Full-Stack project is aimed at providing a user-friendly platform for planning and managing travel itineraries. The project focuses on creating a streamlined experience for users, making it easy to organize their trips and access all the necessary information.

Primary LanguageTypeScript

FSW Trips

✅ This Full-Stack project is aimed at providing a user-friendly platform for planning and managing travel itineraries. The project focuses on creating a streamlined experience for users, making it easy to organize their trips and access all the necessary information.

Technologies   |    What I've Learned   |    Installation   |    Contribution   |    Layout      


Project preview

🖱️ Technologies

This project was made with the following technologies/libraries:

  • Typescript
  • Next.js
  • Prisma
  • PostgreSQL
  • Tailwind CSS
  • Stripe (fake payment)
  • NextAuth
  • Date-fns
  • React-icons
  • React Toastify (pop-ups)

🧠 What I've Learned

In this website, I worked with:

  • Server Routes with Next.js
  • NextAuth + OAuth implementation
  • Basic utilization of Stripe
  • Better knowledge with Tailwind CSS
  • "Providers" utilization

🖥️ Layout


To see the Figma of the project, use THIS LINK


📤 Installation

Firstly, you need to clone the project on your machine:


git clone https://github.com/cristian-sbardelotto/fsw-trips

After that, open the project folder and install the dependencies:


npm i
# or
yarn

Create an .env file and populate it as the .env.example file.

To run the project on your browser, use:

npm run dev
# or
yarn dev

🤝 Contribution


1. Fork the cristian-sbardelotto/fsw-trips repository on GitHub.

2. Create a new branch for your changes.

3. Make the desired changes and commit.

4. Submit a pull request with your chang1es.


Enjoy this project!


Developed with ❤️ by Cristian Sbardelotto


LinkedIn GitHub

Portfolio