Skip to content

Travellify is a travel blogging web app where users can share travel experiences, view and interact with blogs, comment, like, and more. Built with React, Node.js, Express, and MongoDB. βœˆοΈπŸ“β€οΈ

Notifications You must be signed in to change notification settings

Yash1Hingu/Travellify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✈️ Travellify

Travellify is a travel blogging web application where users can share their travel experiences, view blogs from other travelers, and interact with the community through comments and likes.

🌐 Live Demo

Check out the live demo of the application: Travellify

✨ Features

  • πŸ‘€ User Registration and Login
  • πŸ“ Create, Read, Update, and Delete Blogs
  • πŸ’¬ Comment on Blogs
  • ❀️ Like and Unlike Blogs
  • 🏷️ View User Profiles
  • πŸ“€ Share Blogs on Social Media

πŸ› οΈ Tech Stack

  • Frontend: React.js, HTML, CSS, JavaScript
  • Backend: Node.js, Express.js, MongoDB
  • Authentication: JWT (JSON Web Tokens)
  • Image Upload: Multer, imgbb-uploader
  • Styling: Tailwind CSS, Bootstrap
  • Hosting: Vercel (Frontend), Render (Backend)

βš™οΈ Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Yash1Hingu/Travellify.git
    cd Travellify
  2. Install dependencies:

    # Install backend dependencies
    cd backend
    npm install
    
    # Install frontend dependencies
    cd ../frontend
    npm install
  3. Set up environment variables: Create a .env file in the backend directory and add the following variables:

    PORT=4000
    MONGO_URI=your_mongodb_connection_string
    JWT_SECRET=your_jwt_secret
    IMGBB_API_KEY=your_imgbb_api_key
    
  4. Start the application:

    # Start the backend server
    cd backend
    npm start
    
    # Start the frontend development server
    cd ../frontend
    npm start
  5. Access the application: Open your browser and go to http://localhost:3000.

πŸ§‘β€πŸ’» Usage

  • Register or Login: Create a new account or log in with existing credentials.
  • Create a Blog: Share your travel experiences by creating a new blog post.
  • View Blogs: Browse through blogs from other users.
  • Interact: Like and comment on blogs to engage with the community.
  • Profile: View and edit your profile.

πŸ“‚ Folder Structure

  • backend: Contains the backend code with routes, models, and controllers.
  • frontend: Contains the frontend code with React components, pages, and styles.

🀝 Contributing

Contributions are welcome! If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.

πŸ“§ Contact

If you have any questions or suggestions, feel free to contact me at yash23hingu@gmail.com.

About

Travellify is a travel blogging web app where users can share travel experiences, view and interact with blogs, comment, like, and more. Built with React, Node.js, Express, and MongoDB. βœˆοΈπŸ“β€οΈ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published