.xylo

PROJECT DESCRIPTION

.xylo is a Travel Blog

FEATURES

• This website is made completely using HTML, CSS and javascript.
• Node.js and MySQL have been used in the backend.
• EJS has been used as a templating engine and GSAP for animations.
• Google Scripts are being used to store the file and the file is uploaded to google drive.

SCREENSHOTS

This is the homepage for our app.

For more images, refer to this drive folder.

Drive Link

VIDEO LINK (LIVE DEMO)

For a video of the app, refer to this link.

https://youtu.be/_u-RASsQF9k

HOSTED WEBSITE LINK

Follow link to view the site. https://webkriti2020.herokuapp.com

ADMIN ACCOUNT CREDENTIALS

email: pranshutejas@gmail.com password: pranshu

LOCAL SETUP

• Fork the repositry.
• Clone the repositry using (git clone URL).
• Setup .env as given in .env.example .(Provide the password for your mysql).
• Open the folder in which you cloned the repositry.
• You will have to first make a database named xylo in your mysql server.
• Then for running the app locally, it is important that you make a table named posts in the database xylo.
• For your ease, you can copy this command to make the table
• (_CREATE TABLE POSTS title varchar(50), postdate date, place varchar(50), content varchar(250), uid varchar(50), author varchar(50), fileurl varchar(50)).
• Run (npm install).
• Run (npm start). This will start your server locally.
• For running the app in production mode run (npm run dev).

COMMON ERROR

• If you get this error upon doing all the above steps, refer to this link.

STATUS

Hooray! Except a few minor bugs we are working on you can now visit the site.