This is one of the many projects available on codedamn to reinforce your learning by building. If you want to become a full stack developer and learn by practicing, feel free to attempt this challenge. Feel free to check out the codedamn Full Stack Web Development Learning Path to learn more about how to become an awesome full stack developer.
Your challenge is to build out this project and get it looking as close to the design as possible.
You can use any tools or technologies you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.
The landing page will be shown in the / route.
The following should be implement at the /Sign Up route.
The following should be implement in the /sign-in route.
This page should be using the route /search.
On searching for anything on the / page on getting successful data from the API. The user should be redirect to /search and the results from the search should be shown.
All the details retrieved from the API can be shown in the drop down menu of the event.
You will be using Ticket master API
Please generate an API Key for using the API
For finding the events based on the given parameters in the / page.
Showing the event details on selecting an event.
{
_id: ObjectId(),
name: <string>,
email: <string>,
password: <string>,
timestamp: <date>,
countryOfResidence: <string>,
zipCode: <number>
}
The Codedamn Playgrounds exposes only 1337 and 1338 ports on the internet. So you'll be using localhost for connecting to the mongodb instance as they are hosted on the same docker container. You can specify it as localhost:27017 or simple write localhost.
Want some support on the challenge? Join our discord community and ask questions in the #general channel.
There is no limit you can go beyond the mentioned criteria and create additional functionalities
- Mongoose for mongodb object modelling and effective type system
- Tailwind CSS for User Interface
Your task is to build out the project as per the provided screenshots. You will find both a mobile and a desktop version of the design.
The designs are in image formats can be found in /designs.
You will find all the required required images in the /public folder
We love receiving feedback! We're always looking to improve our challenges and our platform. So if you have anything you'd like to mention, please visit codedamn feedback page