Retro Portfolio
A love letter to 90s web design, blending nostalgia with modern functionality.
About the Project
Retro Portfolio is a personal webpage that celebrates the chaotic creativity of 90s web design while showcasing modern coding skills. It combines pixel art, quirky animations, and interactive features, reminiscent of the early days of the internet.
This project reflects my passion for blending old-school aesthetics with new-school functionality.
Features
• Pixel-Perfect Background: A vibrant retro-inspired animated background.
• Custom Cursor: A nostalgic arrow cursor with a sparkling trail.
• Interactive Guestbook: Visitors can leave their name and message, just like the 90s web guestbooks.
• Easter Egg: A hidden typewriter effect message for curious explorers.
• Floating GIFs: Random retro GIFs appear every 5 seconds to keep things fun and chaotic.
• Animations and Effects: Hover effects, marquees, and dynamic elements bring the 90s vibes alive.
Technologies Used
• HTML5: Structure and content.
• CSS3: Styling, vibrant retro aesthetics, and hover effects.
• JavaScript: Dynamic interactions, typewriter animation, and floating GIFs.
• Flask (Python): Backend for the guestbook functionality and page routing.
Project Structure
retro-portfolio/ ├── app.py # Flask application backend ├── guestbook.txt # Guestbook entries file ├── templates/ │ └── index.html # Main HTML file ├── static/ │ ├── css/ │ │ └── styles.css # Styling for the webpage │ ├── js/ │ │ └── script.js # Interactive JavaScript features │ └── gifs/ # Retro GIFs and assets └── README.md # Project documentation
How to Run Locally
1. Clone the repo https://github.com/Nicsims98/retro-portfolio.git
cd retro-portfolio
2. Install dependencies:
Make sure Python and Flask are installed. Run the following:
pip install Flask flask-cors
3. Run the Flask app:
python app.py
4. Open your browser and visit:
Why This Project Matters
This project isn’t just a webpage—it’s a tribute to the creativity and nostalgia of 90s web design. It’s where tech meets art, and where visitors can leave their mark through the guestbook. It represents my journey into tech and a love for blending old-school charm with modern skills.
Future Improvements
• Adding a retro soundboard with iconic 90s sounds.
• More hidden Easter eggs for visitors to discover.
• A custom quiz to reveal visitors’ “90s Internet Persona.”
Connect with Me
LinkedIn GitHub
Acknowledgments
• GIFs sourced from: GifCity and Internet Archive.
• Inspiration: 90s fansites, GeoCities, and retro web design.
Let me know if you need anything else!
Log in or sign up for Devpost to join the conversation.