MCPcopy Index your code
hub / github.com/SamalaSumanth0262/netflix_portfolio

github.com/SamalaSumanth0262/netflix_portfolio @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
59 symbols 123 edges 39 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

🌟 Sumanth Samala's Netflix inspired Portfolio 🌟 - https://sumanthsamala.com/

Welcome to my personal portfolio project! 🚀 This website showcases my work, skills, and experiences in web development. It's designed to be lightweight, customizable, and professional while maintaining an approachable style.

Explore specific subdomains tailored to different tech stacks:

Screenshot from 2024-12-08 19-19-06


✨ Features

  • 🌍 Dynamic Content: Powered by DatoCMS for easy content management.
  • Fast & Responsive: Built with modern web technologies for seamless performance.
  • 🎨 Customizable: Modular and easy to adapt to your own needs.
  • 📈 Professional Yet Personal: Highlights projects, skills, and achievements.
  • 🎨 It can support various por

🛠️ Tech Stack

This portfolio is built with love and:

  • ⚛️ React (Frontend)
  • ☁️ AWS S3 & CloudFront (Hosting and CDN)
  • 🖌️ Tailwind CSS (Styling)
  • 🛡️ DatoCMS (Content Management)
  • 🧩 Other Cool Tools: GitHub Actions

⭐ Show Your Support

If you find this project helpful or inspiring, give it a ⭐ on GitHub—it means the world to me! 🌟

Happy coding! 💻✨


📚 Getting Started

Want to set this up locally? Follow these steps:

  1. Clone the Repository: Copy the repository to your local system.
  2. Install Dependencies: Use a package manager to install the required dependencies.
nvm install 18
nvm use 18

After upgrading Node.js, clear your node_modules and reinstall:

rm -rf node_modules
npm cache clean --force
npm install
  1. Configure Environment Variables: Create a .env file and set up the necessary API keys and configurations.
  2. Run the Project: Start the development server.
npm start
  1. Visit the Local Server: Open your browser and navigate to the local server URL. alt text

🤝 Contribution Guidelines

Contributions are welcome and appreciated! 🥳 To contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or fix.
  3. Commit your changes with a descriptive message.
  4. Push your changes to your branch.
  5. Open a Pull Request. 🎉

🐛 Issues and Feature Requests

Found a bug? Have a feature in mind? 🤔 Feel free to raise an issue or suggest a feature!

  1. Go to the Issues tab in the repository.
  2. Click New Issue.
  3. Provide a clear description of the bug or feature request.
  4. If applicable, include screenshots or steps to reproduce the issue.

Your feedback is valuable and helps make this project better for everyone. Thank you for contributing!


🌟 Acknowledgments

  • Thanks to DatoCMS for powering the dynamic content.
  • Inspired by countless developers in the open-source community. 💻
  • Special shoutout to all contributors—you rock! 🤘

📧 Contact Me


📜 License

This project is licensed under the MIT License. Feel free to use it, modify it, and share it! 🌈


Extension points exported contracts — how you extend this code

LayoutProps (Interface)
(no doc)
src/Layout.tsx
ProfileBanner (Interface)
(no doc)
src/types.ts
PlayButtonProps (Interface)
(no doc)
src/components/PlayButton.tsx
ContinueWatchingProps (Interface)
(no doc)
src/profilePage/ContinueWatching.tsx
WorkPermit (Interface)
(no doc)
src/types.ts
MoreInfoButtonProps (Interface)
(no doc)
src/components/MoreInfoButton.tsx
TopPicksRowProps (Interface)
(no doc)
src/profilePage/TopPicksRow.tsx
TimelineItem (Interface)
(no doc)
src/types.ts

Core symbols most depended-on inside this repo

reportWebVitals
called by 1
src/reportWebVitals.ts
getCertifications
called by 1
src/queries/getCertifications.ts
getContactMe
called by 1
src/queries/getContactMe.ts
getDatoCmsToken
called by 1
src/queries/getDatoCmsToken.ts
getTimeline
called by 1
src/queries/getTimeline.ts
getSkills
called by 1
src/queries/getSkills.ts
getWorkPermit
called by 1
src/queries/getWorkPermit.ts
getProjects
called by 1
src/queries/getProjects.ts

Shape

Function 46
Interface 13

Languages

TypeScript100%

Modules by API surface

src/types.ts7 symbols
src/profilePage/ProfileBanner.tsx4 symbols
src/components/NavBar.tsx4 symbols
src/profilePage/TopPicksRow.tsx2 symbols
src/profilePage/ContinueWatching.tsx2 symbols
src/pages/WorkPermit.tsx2 symbols
src/pages/WorkExperience.tsx2 symbols
src/pages/Skills.tsx2 symbols
src/pages/Projects.tsx2 symbols
src/pages/ContactMe.tsx2 symbols
src/pages/Certifications.tsx2 symbols
src/components/ProfileCard.tsx2 symbols

For agents

$ claude mcp add netflix_portfolio \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact