stiakov / place-it-front

Front-end for PlaceIt, a web app to make reservations in a cinema.

PlaceIt Cinema Billboard 📽

PlaceIt Cinema Billboard is a prototypical responsive web app for a fictional cinema where people can reserve their preferred movie shows.

This repository hosts the code-base for the main User Interface, developed with React/Redux, Gatsby, GraphQL, also you can check the codebase for the backend in this open source repo.

Getting Started

Live Preview 👁

• Live deployment here -> PlaceIt Cinema Billboard

Built with ⚛️

Front-end

• React
• Redux
• Gatsby
• GraphQL
• CSS/HTML

Back-end

• Ruby on Rails
• PostgreSQL

Pre-requisites ⚙️

• NodeJS runtime

Setup Dependencies 🏗

Navigate into your new site’s directory and install the dependencies.

cd place-it-front/
npm install

Run the server 🚀

Start developing

• Run this command: npm run develop

Auto-format 🎨

• Run this command: npm run format

Known Issues 🐛

• When a user wants to reserve on a movie that is down in the list, the form doesn't show in its right place and the user needs to go to the top of the web app to see this form, sometimes it is not evident.

To Do List ✅

• Make the Reservation form be responsive and let the final user find in there the sinopsis and a thumbnail with the poster image.
• Stylize the option boxes in the Available dates select input.
• Make the New Movie form show horizontal in large screens.
• Let the user find reservations by ID/DNI.
• Add vendor prefixes to some css rules that are not backed in some browsers.
• Align loading spinners at center.

Author

👤 Santiago Torres G.

• Email
• GitHub
• LinkedIn
• Twitter

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support ❤

Give a ⭐️ if you like this project!