cmatian / study-buddies Goto Github PK
View Code? Open in Web Editor NEWA resource for quickly making study group reservations at local hot spots.
License: MIT License
A resource for quickly making study group reservations at local hot spots.
License: MIT License
I was looking at @jonesm7 docker test link and after visiting a page (that didn't exist) I realized we needed a NotFound.js (404 page).
Pages that need this:
A switch is needed in the App browserrouter component, otherwise the 404 page will always render.
We need to set up the React router so that when we visit pages we don't run into any errors.
All of the form elements are required. Need strong input validation for this.
Also change the Date and Time Fields to a unified button that activates both selections. We don't want an input field so the user accidentally fills it in with junk data and we run into an edge case.
Need to implement a nav bar component that will allow cross-site navigation.
Use a more cozier video for the background to liven up the scene.
We need a standard application logo that we can place into our navigational header. This will function as both the branding of the product as well as the persistent home button.
Paths besides / are not forwarding from Express to React - this needs to be fixed.
This means a route like /biz/:biz_id that shows a dedicated page with the information for a single business, and later it can also show user reservations for the page (implement this separately).
This depends on #115 .
Implement a "Make Reservation" page or component that can be used to reserve a spot at a cafe or restaurant (or some public meeting place).
A simple script in package.json should suffice provided that a .env file is present in the root of study-buddies.
Refactor app page to only consist of the routing elements. Also renamed LandingPage
to Home
.
On the "My Reservations" page, the nav bar covers up the page behind it. This doesn't happen on the home page because the navbar is transparent, and it doesn't happen on the map page because the map wrapper is positioned using a fixed margin at the top. It seems like there should be a more flexible way to do this. The fixed margin approach seems brittle, in case the navbar height ever changes.
Implement the create-react-app starter files and synchronize it with the Express backend.
The Google sign-in button has no text on it currently. Either we can try to fix the button, or maybe the button should be put into a modal.
When I ran npm run dev
on my machine, the react component started successfully but the server failed to start (that is a separate issue). However, the overall script only printed failures, it didn't stop everything (which would be the ideal).
Title.
Simple update to the package.json file to include scss/sass support during the npm install
. I don't believe anything extra has to be done to process the scss/sass file type. React by default breaks down non-standard CSS files into something readable by the browser.
PlaceSelected Component will show a currently selected place and show a little more detail.
Add on clicks to each PlaceItem component to update PlaceSelected.
Add on clicks to each Pin to update PlaceSelected
Add "Make Reservation" button for currently selected item.
Pass opening hours of business to reserve component.
We should update the README to recommend npm run dev
now.
The home page is just about ready. The Search.js page is essentially the component we need to use for searching for an address and getting the location. That component in particular needs to be designed in a way where it's granular and can be applied to multiple pages without interfering with the rest of the design.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.