Skip to content
View noodlebenji2960's full-sized avatar
🌡
🌡

Block or report noodlebenji2960

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
noodlebenji2960/README.md

English | EspaΕ„ol

πŸ‘‹ Hello, I’m Ben!

I’m a web developer mainly working with MERN tech stacks. I'm passionate about creating intuitive and engaging user experiences. I build fullstack interfaces that not only look great but just work.

Check out some of my work. | Get in contact.

🌟 What I Do

  • UI Design: High-fidelity mockups, responsive design, and crafting design systems.
  • Front-End Development: Designing & implementing responsive web applications with HTML, CSS, JavaScript, React, and more.
  • Back-End Development: Building robust backend server technology with Node.js, Express.js and more.

Most Used Languages

πŸ“Œ Pinned Projects

Project Image
Xample
Example Homepage using typescript, react, HTML, CSS.
Xample
Great Barton Allotments SPA.
Great Barton Allotments SPA javascript, react, HTML, CSS.
GB Allotments
Project3
A brief description of what this project3 does.
Project 3

πŸš€ Current Projects

  • Creating cohesive corporate designs.
  • Developing new design systems and experimenting with emerging tech.
  • Building PHP backend systems.

πŸ€– Tech

I work with a variety of tools and languages to bring my ideas to life:

Category Tools
🎨 Design Adobe Creative Suite Figma GIMP Inkscape
πŸ’» Development JavaScript TypeScript HTML5 CSS React React Native Tailwind CSS Chakra UI Next.js Gatsby
πŸ”§ Backend Node.js Express.js MongoDB PostgreSQL Firebase Redis
πŸ›  Tools Git npm GitHub Webpack Vite Babel Jest Mocha Chai Lodash ESLint Puppeteer Yarn VS Code
πŸ“Š Data Visualization Leaflet D3.js Three.js Chart.js Redux RxJS GraphQL Apollo
πŸ—„ Content Management Strapi Sanity Contentful Prisma Supabase

πŸŽ“ Certifications

Graphic Communication Interactive Media HackerRank JavaScript Certification HackerRank CSS Certification HackerRank React Certification HackerRank Node.js Certification
MongoDB Certification

πŸ’Œ Get in Touch

LinkedIn Portfolio Email

✏Resources

Learning Platforms

  1. The Odin Project - Comprehensive curriculum for learning web development.
  2. Codecademy - Interactive coding lessons on various web technologies.
  3. W3Schools - Beginner-friendly tutorials and references for web technologies.
  4. freeCodeCamp - Free coding lessons and projects that cover a wide range of topics.
  5. Udemy - A platform with various paid and free courses on web development.

Documentation & References

  1. MDN Web Docs - Extensive documentation on web standards and best practices.
  2. CSS-Tricks - Articles, tips, and techniques for CSS and front-end development.
  3. DevDocs - Combines multiple API documentations in a fast, organized, and searchable interface.
  4. JavaScript Info - Modern JavaScript tutorial from the basics to advanced topics.

Community & Discussion

  1. Stack Overflow - Community Q&A platform for troubleshooting and learning.
  2. Dev.to - A community-driven platform for sharing articles and experiences.
  3. Reddit

Project Challenges

  1. Frontend Mentor - Challenges to improve front-end skills with real projects.
  2. Codewars - Coding challenges and exercises to improve your programming skills.
  3. HackerRank - Challenges for various programming languages and domains, including web development.

Newsletters

  1. JavaScript Weekly - Curated JavaScript news and articles.
  2. Frontend Focus - Weekly updates on front-end development.
  3. CSS-Tricks Newsletter - Regular updates from the CSS-Tricks community.

Recommended to Watch

Watch Helvetica Documentary Watch Abstract: The Art of Design Watch Objectified Documentary Watch Node.js Documentary Watch React.js Documentary

Recommended Reading

Cover Image Title Author Description
Don’t Make Me Think "Don’t Make Me Think" Steve Krug A practical guide to web usability.
Smile in the Mind "Smile in the Mind" Beryl McAlhone and David Stuart A collection of witty design ideas.
The End of Print "The End of Print" David Carson A seminal work on graphic design and typography.
The Art of Looking Sideways "The Art of Looking Sideways" Alan Fletcher A Thought-provoking exploration of perception, creativity, and the interplay between words and images.
"Typographie: A Manual of Design" Emil Ruder a comprehensive guide to Swiss Style typography, celebrated for its use of grids, sans-serif fonts, and asymmetry in layout.

Pinned Loading

  1. me me Public

    Portfolio 2024

    JavaScript