Git Product home page Git Product logo

traveltales's Introduction

TravelTales:)

TravelTales Website

Description

TravelTales is a website that allows users to share their travel adventures by writing and publishing their travel journals. Users can document their travel experiences, add pictures, and choose whether to make their posts public or private. The website aims to inspire others with exciting travel stories and memories.

Features

  • Writing page for users to start writing their travel journals and upload pictures.
  • Reading page to explore travel journals written by others.

Technologies Used

  • HTML5
  • CSS3
  • Bootstrap
  • JavaScript (for form validation and interactivity)

Installation

  1. Clone the repository to your local machine: git clone https://github.com/amrit03b/TravelTales.git

  2. Open index.html in your web browser to access the home page.

  3. Install Docker Desktop

  4. Run the command docker run -it -p 8000:8000 traveltales

  5. After this start localhost:8000 in browser , Apllication run

Usage

  1. Visit the website TravelTales to explore travel journals written by other users.
  2. Click on the "Start Writing" button in the navbar to go to the writing page.
  3. Write your travel journal and upload pictures in the form provided.
  4. Choose whether you want to publish your post as public or private.
  5. Click on the "Submit" button to publish your travel journal.

Contributing

Contributions are welcome! If you have any suggestions, bug fixes, or improvements, please create an issue or a pull request. For contributing guidelines visit CONTRIBUTING.md

License

This project is licensed under the MIT License.

Contact

For any inquiries or feedback, please contact through linkedin or twitter provided in my GitHub profile page.

Contributors

GitHub Contributors Image

traveltales's People

Contributors

amrit03b avatar dibyendu-kyo avatar gauravgupta993 avatar 7sohamd avatar harshsinghcs avatar madmaxwmfu avatar guilhermeorcezi avatar shwetakanekar avatar tusharv01 avatar shrujanareddy avatar rajvinder-kaur avatar kom-senapati avatar harshit-m007 avatar anuragverma108 avatar enayush avatar sbmmahato avatar kingsman44 avatar rachit101 avatar pradyumna14 avatar mozi47 avatar kunalbhat55 avatar jyoti040 avatar favio102 avatar dhavisco avatar ankitgadling avatar aditya234 avatar

Stargazers

 avatar Addepati Anusha avatar  avatar  avatar Zhazha_JiaYiZhen avatar Manuel avatar  avatar  avatar Lokesh Kataria avatar Shubh avatar Akash avatar  avatar KOMAL avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

traveltales's Issues

Adding About Us Page

Create an 'About Us' page containing details about TravelTales (you can copy it from Readme) and add it to the footer of home page and the side navbar.

broken link

In read page there is a broken link on the logo TravelTales:) if we click on it it say 404 site not found

Re-arraning all the files

Make different folders for HTML, CSS and JS files and move the files to their respective folders. Also change the links in the code wherever necessary for proper functioning of the website.

Read page functionality

Whenever user clicks on Publish button in the Write page, the conent should be transferred to Read page so that others can read the published travel journals. Add this feature in the website.

Creating Login/Signup pop-up when clicked on Write

Whenever user clicks on the Write Page a pop up should come asking them to login/signup before Writing their travel journals.
Login/Signup page is already created, just make sure it asks the user to login before they can write anything.

Improve Transition Timing for Buttons

Address the transition timing for buttons, it's currently too long, affecting user experience.

You can check it on the website when you hover over the buttons.

Display images

In the home page in read and write section the images are not being displayed properly. Display valid images in place of Card 1 and Card 2.

image

Assign me this issue, I can solve it.

Adding Logo

Create a Logo For TravelTales and add it in place of the picture present in the Login/Signup Page.

Header style issue

When I opened write.html in a web browser it was something like this :
image

I can change this style to make it look like this :
image

You can assign me this issue.

To make the Text more visible.

Dear maintainer,
Due to the background images, the texts has been faded as the color of both are not matching,
Please assign me this issue so that i can resolve this.
Thank you

image

Adding Search Functionality

Implement a search bar to allow users to search for specific travel journals based on keywords, destinations, or user names.

Revamp the Write Page

Make the write page UI more attractive and responsive for all devices. Use colours according to the home page theme.

Adding User Profile section

Allow users to create profiles where they can showcase their bio, profile picture, and a list of their published travel journals.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.