TravelScape is a community dedicated to chasing adventure around the world. Share your tips and stories, make new penpals, and reward your favorite articles with stamps to show your appreciation!
Technical Instructions for Project
- JavaScript
- Express
- Pug
- CSS
- Sequelize
- PostgreSQL
- Heroku
- VSCode
- Figma
- Adobe Photoshop
- Adobe XD
- DrawSql
- npm
- Post and delete articles
- Add comments, likes and followers dynamically
“We are all travelers in the wilderness of this world, and the best we can find in our travels is an honest friend.” ― Robert Louis Stevenson*
Our TravelScape Full-Stack Project opens up communication between travelers near and far. Here, your vacation stories come to life and inspire adventures for the friends you make along the way. From tales of the well-traveled to dream vacations shared by the wanderer-at-heart, our goal is that every page will take you on a new journey.
https://travelscape-app.herokuapp.com/
- Post, read, and delete articles
- Add comments, likes and followers dynamically
- We implemented functionality for users to post, read, and delete articles. One of our challenges was specifiying the correct paths each button would take, and keeping them organized for a better UI experience. Having each member review and revise routes periodically helped us execute this.
- We implemented dynamic funtionality for users to comment and like articles, and follow and unfollow profiles. One of our challenges was consistently isolating the correct keys and values we wanted to change. Having our team collectively brainstorm bug by bug helped achieve our end goal.
- Example of implementation of dynamic stamps that persist throughout a refresh.
- Tags / Hashtags
- Weather Geotag
- Edit / Re-publish Stories
- Edit / Delete Comment
- Search Bar
- Spellcheck API
- Git Clone
- On local machine, run 'npm install' to install required dependenices.
- Create initial database user as stated in .env.example
- Run npx dotenv sequelize commands (migrate, seed)
- Run 'npm start' command on localhost
- Navigate to localhost:port in browser.
- Picked and researched a clone and decided on general theme to distinguish
- Created model schema for database relations with DrawSQL
- Created a basic wire-frame using Figma
- Refined wire-frames using Adobe XD
- Developed a working protocol to track the course of project with Google Drive