Skip to content

showing all the data which is coming from api. handling api and making website fit for every screen i.e. responsive using tailwind css. implemented pagination or infinite scroll for user experence.

Notifications You must be signed in to change notification settings

panditpankaj21/event-and-shows

Repository files navigation

project overview

the porject render recommended shows and upcoming shows by using api. this website is mobile responsive and using pagination which will imporve user experience.

Screenshot 2024-04-20 093551 Screenshot 2024-04-20 093617 Screenshot 2024-04-20 093708 Screenshot 2024-04-20 093724

Setup and Local Run Instructions

To set up and run the website locally, follow these steps:

  1. Clone the repository to your local machine using command git clone https://github.com/panditpankaj21/GyanGrove-assignment.git
  2. Navigate to the project directory.
  3. Open the terminal and run npm install to install the necessary dependencies.
  4. After the installation is complete, run npm run dev to start the development server.
  5. Once the server is running, open your web browser and navigate to http://localhost:5173/ to view the website.

Explanation of Design and Technical Decisions

Design:

  • Responsive Design: The website is designed to be responsive, ensuring that it looks and functions well across various devices and screen sizes.
  • Clean and Intuitive UI: The user interface is designed to be clean and intuitive, making it easy for users to navigate and find relevant information about events and shows.

Technical Decisions:

  • React: The website is built using React.js, a popular JavaScript library for building user interfaces. React allows for the creation of reusable UI components, making development more efficient.
  • HTML/JavaScript: These are the core technologies used for front-end development, providing the structure, and interactivity for the website.
  • Tailwind-CSS: using css framework (Tailwind css) for styling purpose.
  • APIs: The website may utilize APIs to fetch recommanded and upcoming shows data.
  • Deployment: The website may be deployed using platforms like Netlify, which offers easy deployment and hosting for static websites.

About

showing all the data which is coming from api. handling api and making website fit for every screen i.e. responsive using tailwind css. implemented pagination or infinite scroll for user experence.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published