Noble Nautilus Portfolio

💡 Inspiration

Representing our pod to everyone, binding ourselves digitally together to learn and remember the awesome experience we are going to have during this fellowship journey.

⁉️What it does

This site allows getting a quick overview of our pod (22.1.7) aka Noble Nautilus. This has a members page sharing details of the pod members and a map to know where the members are. There's a project section showcasing the awesome projects that the pod members are working on also the partnering organizations project info. We have a cool game named Magic Match, where users match the pair images of the members.

🛠️ How we built it

• Next.js, an awesome framework for the front-end
• Tailwindcss, a utility first CSS framework for styling the site
• Framer Motion to put life into the site by adding animation

💣Challenges we ran into

• Coming up with a good design
• Unfamiliarity with the tech stack

🏆 Accomplishments that we're proud of

• Building and deploying a fully functional website from scratch
• Collaborating with team members of different timezone
• Finishing the project within a given time-frame

✨ What we learned

• Development with Next.js and Tailwindcss
• Making website functional for an amazing user experience
• Animations with Framer Motion

🔮 What's next for Noble Nautilus Portfolio

• Improve Accessibility
• Blog feature to let the members post articles about their fellowship journey
• Create a dark mode feature

Built With

• framermotion
• javascript
• nextjs
• tailwind