Avatar

Sumit Saurav

Developer

Read Resume
thumbnail

Single Page Portfolio

ReactReact Context APITailwind CSSDocker

The Single Page Portfolio is a responsive and user-friendly website designed to showcase projects and skills in a visually appealing manner. Built using React and styled with Tailwind CSS, it features a theme switcher that allows users to select from four color options: light, black, grey, and white, enhancing personalization.

Objectives

  • Responsive Design: Ensure the portfolio is accessible and visually appealing on various devices.
  • User Customization: Provide a theme switcher for users to personalize their viewing experience.

Features

  1. Theme Switcher:
    • Users can easily switch between four different color themes, making the portfolio visually adaptable.
  2. Responsive Layout:
    • The portfolio automatically adjusts to different screen sizes, ensuring a seamless experience on mobile, tablet, and desktop.

Impact

  • User Engagement: The interactive theme switcher enhances user engagement, making the browsing experience enjoyable.
  • Professional Presentation: A well-designed portfolio conveys professionalism and attention to detail.

Technology Stack

  • React: For building the user interface and managing application state.
  • React Context API: For managing global state across the application, enabling the theme switcher functionality.
  • Tailwind CSS: For styling the application, allowing for quick and responsive designs.
  • Docker: For containerization, ensuring consistent development and deployment environments.

Conclusion

The Single Page Portfolio serves as a personal showcase for projects and skills, providing a responsive and customizable experience. By utilizing modern technologies like React and Tailwind CSS, this portfolio not only highlights work effectively but also demonstrates proficiency in building user-friendly applications.

View CodebaseLive Preview
2025 — Built by Sumit Saurav