Vacation Planner

This repository contains the front-end for the collaborative project Vacation Planner. Within this app, expect to find an application with CRUD functionality allowing users to log and communicate about their upcoming vacations!

Vacation Planner is a social media web application for planning, inviting, and communicating about a user's upcoming vacations. Users have the ability to create vacation components in their dashboards, add activites, comments, and invite other users to said vacation. This project was a collaborative effort between of a team of 6 cross-functional developers, completed in 1 week. The application was created using React, Redux, React Router, React-Redux, and vanilla CSS. I (Adam Monast) was responsible for designing/implementing the main app functionality on the frontend.

Future plans for this project include: Fixing the bugs with adding comments, implementing my own backend API to power the app (I do not have access to the current one), and cleaning up the code for better maintainability and keeping it DRY. Thank you for viewing this project and all feedback is appreciated!

Technologies Used:

Installation

1. Fork and clone the repository
2. After the repo is cloned, navigate to the project directory: vacation-planner
3. Install dependencies using the command:

npm install

The following dependencies are installed using npm:

1. Styled Components
2. React Strap
3. Axios
4. React-Router
5. React-Redux

Development setup

1. To get the developement server started after installation, simply run the command:

npm start

Application Flow

Once you start the development server you're good to start using Vacation Planner! To get started, following this user flow guide:

1. Sign Up: Once started, the development server directs you to the Sign Up page. In order to use the application, you must create an account! Follow the form and enter the information required. Once you enter your information and click the button, please wait 5-10 seconds as the initial response can be delayed
2. Sign In: Once you create your account you will be redirected to the Sign In page. Enter the credentials you just created, click the button, and wait 3-5 seconds as the response can be delayed.
3. Once you the sign-in/sign-up is flow is successfull, you're in the application! 🎉 You will be redirected to your Dashboard and from there the navigation bar links will change. You'll now have the ability to enter a new vacation, add activities, comments, other users to the vacation, and even send other users messages. Have fun!

Let's Connect!

Adam Monast – LinkedIn – adammonast@gmail.com

Check out my other projects!