About the Project

Inspiration

The inspiration behind www.diangao.space was to create a space that bridges my passions for cognitive science, technology, and creativity. I've always been fascinated by how these fields intersect and shape the way we interact with the digital world. Through this project, I wanted to document my journey and share the projects that have shaped my perspective on technology’s role in everyday life.

What I Learned

Building this project has been an exercise in both technical skills and creative storytelling. I learned how to balance functionality with aesthetic design, aiming to create an experience that’s not only useful but also engaging. Diving into the world of web development, I explored everything from responsive design principles to user experience (UX) strategies, gaining a deeper understanding of how subtle design choices can shape user interaction.

Building the Project

I used a combination of front-end and back-end technologies to build this website. HTML, CSS, and JavaScript formed the core structure, while React helped in managing dynamic content and creating a smooth user experience. For design, I relied on Figma for planning layouts and visualizing interactions. To keep the project organized, I used GitHub for version control and Vercel for deployment, ensuring the website would be fast, secure, and stable.

Challenges Faced

The project wasn’t without its challenges. Creating a website that’s both visually appealing and technically sound required a balance of creativity and meticulous problem-solving. Some specific challenges included:

• Ensuring responsive design: Making sure the website looks great on all devices required testing across different screen sizes and refining CSS properties.
• Managing load times: With visual content such as images and interactive elements, I had to implement optimization techniques to maintain fast load times.
• Integrating interactive features: Bringing my ideas to life through animations and transitions involved a lot of testing and adjusting, often involving trial and error.

Through these challenges, I’ve come to appreciate the value of iteration and user feedback in web development. Each challenge made the project stronger, teaching me lessons I look forward to applying in future work.

Final Thoughts

www.diangao.space is an ongoing project, a place to continuously evolve and document new ideas. I hope it serves as both a personal archive and a source of inspiration for others who are passionate about the intersection of art and technology.

Built With

• framer
• javascript
• next.js
• react
• tailwind
• typescript