Contribute a little or a lot, depending on your skill level and challenge you're seeking, to crowd-build the front-end of a basic trips and travel site. Add useful features and components, improve the styling, practise your React and maybe test out that library you always wanted to try.
This is purely a playground for fun and practise. It is not a live project :)
Please don't do weird stuff like change all the fonts to Times New Roman or the background to lime-green, it is not 1996.
Fork the repo, npm i, npm start.
It's pretty basic! But that's OK. There's plenty to do. Feel free to simply PR the things you'd like to do, or create an issue first.
Remember to check your PRs and resolve any conflicts! Merging in master should do the trick.
Go to '''response.js''', a fake data object, and add a trip of your choice. Follow the format given and don't change any of the key names. Consider adding an image, too - 640x420px, if you don't want to worry about resizing it.
It's pretty scrappy, so feel free to clean up some elements as you see fit.
Set some standards! Can we get them running on save?
Dropdowns? Expose new menu bars? Play with animation and bring the navigation to life.
The dates are strings, which isn't optimal. Use Javascript's Date methods to set them as strings in the response, then parse neatly on the front-end.
Why not give the user the ability to show only a certain category, or sort by some criteria?
Sticky, floating, only appears on hover? It's up to you.
Flex is great but may not be robust enough for this layout; Grid would work well here.
I'm a fan of Styled Components, but anything goes. A more organised and re-usable system would be beneficial.
Keen to test out a new testing library? With some functionality in place, this could be a good playground.
Click a card and view the trip alone, with further information.
This project was bootstrapped with Create React App.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent