Welcome to the GDSC SNIoE Dev Team recruitment test! We're excited to have you here. This page contains everything you need to know about the task, so let's walk through it together:
-
Style This Page:
- This page is your starting point. It’s pretty simple right now, but we want you to make it shine! Use TailwindCSS (or any other CSS you prefer, even plain CSS) to enhance the design, improve the layout, and give it your personal touch. Your goal is to make this page look polished and user-friendly. You can inspect this page and use the source code as your base.
-
Create the Input Box:
- You’ll notice there’s a placeholder here for an input box. Your job is to add that input box so users can submit their text. Style it, make sure it works smoothly, and ensure it looks good on all devices, whether it’s a phone, tablet, or desktop.
-
Build a Submission System:
- Next up, you’ll need to set up a system to save what users submit in the input box. You can use any backend technology or storage method you like (e.g., a database, file system). The important thing is that the data is saved and can be retrieved later. You’re free to choose the tools and methods that work best for you—there’s no right or wrong here, just show us your thought process!
-
Display the Submissions:
- Once you’ve got submissions coming in, you’ll want to display them. This could be a simple list in html, or something more elaborate like an admin panel with filtering options. It’s up to you—just make sure it’s easy to use and displays all your stored data properly.
-
Go Live:
- When everything is working, it’s time to take your project live! Deploy this page to a hosting service and method of your choice, and make sure it’s accessible to anyone with the link. Some recommendations are Vercel, Netlify and Heroku. If your link is not up 24/7, that's not a problem. We just want to see how you deploy your project.
-
Add Some Documentation:
- We’d love to hear about how you approached this task. Write a brief README file that explains what you did, the tools you used, the problems you faced and how to run everything locally. Make sure to include the link to your deployed page, too.
-
Take Your Time, But Not Too Much!:
- You have 2 weeks (until 12:00 AM, 16th September 2024) to complete this task. We’re not looking for perfection, we’re interested in seeing how you approach problem-solving and design. Focus on doing your best within the time you have, and finish however much of this task you can! Even if you don’t finish the project, submit what you’ve got—we just wanna see how you approach problems. We’re evaluating your programming skills, thought process, and even how you research and learn along the way.
-
How We'll Evaluate:
- Design & Usability: How good does this page look, and how easy is it to use?
- Functionality: Does everything work as expected?
- Code Quality: Is your code clean, organized, and easy to follow?
- Creativity: Did you add any unique or innovative features?
- Deployment: Is the page live and accessible via the link you provide?
- Your Approach: Did you clearly explain your approach in the README?
-
How to Submit:
- When you’re ready, push your code to a GitHub repository and share the link along with the URL of your live page. Make sure we can access everything so we can check out your work!
That's it! We're looking forward to seeing how you make this page your own. Have fun with the challenge, and good luck!