To setup the project, follow these simple steps.
- Should have yarn installed in the system.
-
Clone the repo
git clone https://github.com/enigmaticmahesh/fe-challenge.git
-
Run the following commands:
yarn yarn dev
App should be accessible at http://localhost:5173/ if everything works well.
Making the data section of the each task to the bottom of each container and making them responsive as well. I did use a solution to make it happen, but it still needs to be optimized/corrected.
This seems to be a tricky question 😅. Truly speaking, I never thought this to be hard. But, as I progressed on trying to bring the design to code. It was getting hard for me, atleast some part of it. This always happens to me. Seems like I need to work on my designing skills. I am more of a developer and was an OK designer. For me, this design seems to be normal, but when I tried, I got to know more things.
- I had already coded the design and forgot that I had to push the commits so that it would help in the evaluation. Sorry for that, but I tried to make the commits in such a way that atleast you can understand my approach.
- I thought of making the light and dark functionality as well, but it seems I ran out of time.
- Some of the colors were not mentioned in the style-guide.md, the hover states color were not mentioned, but anyway I applied it by inspecting the images/designs.