Sai Pranay - A passionate front-end developer and ui/ux designer with a keen eye for details.

/ 01STORY

A story of hardwork and perseverance.

Hi! I'm Sai Pranay. I have a strong passion for design and technology. I specialize in Front End Development and UI/UX Design and my passion is all about building elegant and professional user interfaces and websites. I also do branding and identity design such as logo design, letterhead and business card, along with photo editing, image cropping and other graphic design services.

In addition to my development skills, I'm also a content creator who has built a personal brand through my Instagram page. There, I share my journey in web development, valuable developer resources, and insights into various tech topics with a thriving community of over 100k+ followers. This experience has allowed me to connect with numerous individuals, expand my knowledge, and broaden my presence in the tech world.

My goal is to take it to the next level of becoming a Full Stack Developer and become one of the world's top designers, so now, I am working towards it. I have prepared myself to accept the challenges into this ever changing world and I will try my very best to achieve my dreams and goals.

As I'm currently in my fourth year of BTech studies, I'm actively seeking job opportunities to apply my skills and contribute to innovative projects.

/ 02THE PROCESS

How I work.

  • Gather relevant information and data from the client, including project goals, demographics, and preferred aesthetics.
  • Conduct research on the industry, competition, trends, and other factors crucial for project development.
  • Create wireframes using Figma, ensuring a solid foundation for the design.
  • Utilize Adobe Photoshop for image processing, Adobe Illustrator for vector graphics, and Figma for building visual designs.
  • Use various tools such as React.js, Next.js, and Tailwind CSS for coding and transforming designs into actual code.
  • Implement best practices in coding throughout the development process.

/ 03THE TOOLS

What I use.

I use a number of tools that make design and development much easier. I usually use Figma interchangeably for doing all the process that includes wireframing, prototyping and visual design. For development/coding, I use different tools specific to the development of the application or website. Listed below are the tools and technologies that I use and I'm knowledgeable with.

Creative Design
  • Figma
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe After Effects
Web Development
  • HTML 5
  • CSS 3
  • JavaScript
  • TypeScript
  • Redux
  • Next.JS
  • React.JS
  • Tailwind CSS
  • Node.JS
  • MongoDB
  • PostgreSQL
  • Express JS
  • Git
  • NPM
  • Yarn
  • PNPM

Other Programing languages I am familiar with: Java, Python

My Lovely Tech Stack
React JS
Next JS
Tailwind CSS
Framer Motion
Node JS
MongoDB