So, I am building my 3D portfolio,
The tech stack I'm using is
- React
- Three.js (a JS library for creating 3D graphics.)
- Tailwind CSS
The portfolio will include a floating island, interactive elements, and a contact form.
Coding is a skill.
And developing that skill takes time, practice and repetition.
Everytime you code, you make it a
little easier to develop the logic.
So, keep going! You are doing great!
@apexavairagi
After understanding this you can start-
1. ES6+ Features
2. Functions and Scope
3. Asynchronous Programming
4. DOM Manipulation
5. Event Handling
6. State and Variables
7. Props
8. Components 9. Lifecycle Methods
10. JSX
11. redux or hooks
12. React Router
13. API Integration
So I've completed my portfolio with React and Three.js!๐ป๐ฅณ
๐ -
Code -
- Added Gmail service using emailJS
- Secured keys in env.local file
- Increased the size of the plane๐
- Created utility hooks for showing/hiding alerts
๐งต
Half done with my 3D developer portfolio๐
with React and Three.js!
Here are some updates:
- Added a bird animation ๐ฆ
Used the sine wave equation, for a up-and-down motion.
- Added event listeners for interactions.
Top 1% self-taught programmer:
- Documentation first ๐ฅ๏ธ
- Good at solving problems ๐ก
- Avoids tutorial hell ๐
- Learn by implementing ๐
- Manages time well โ
- Good team worker ๐ฅ
- persistence >> self doubt ๐ช
HTML- for structure.
CSS - for style.
JavaScript - for fun.
React- for work.
C- for dinosaurs.
C++ for college.
C# - for games.
Swift - for UI.
Ruby - for rails.
PHP - for $.
jQuery - for legacy.
Python - for science.
TypeScript - for safety.
Java - for 3 billion devices
9 backend development project ideas:
๐RESTful API for a Blog
โAuthentication Service
๐Task Scheduler
๐คPayment Gateway Integration
๐Stock Portfolio Tracker
๐ฌReal-Time Chat Application
๐ฅContent Management System (CMS)
๐File Storage System
๐Event Booking Platform
@RanaMishka
1. Manipulation (Controlling your decisions & behavior)
2. Invalidate your feelings
3. Control how you express
4. Doesn't like when you spend time with your Friends
5. Playing victim card when you put out what's wrong in relationship.
There are 5 layers of software:
๐ Hosting - where data is stored.
๐ฆ Database - how data is stored.
๐ค Logic - how data is processed.
๐ API - how data is fetched.
๐ผ UI - how data is presented
Documenting your journey in 2024? ๐
Here's your roadmap:
โข Share insights on Medium
โข YouTube your experiences
โข Showcase projects on GitHub
โข Connect on LinkedIn/X
โข Join tech communities
โข Attend virtual events
โข Upskill yourself
โข Seek guidance, offer it too
Found this incredible GitHub repository that's a goldmine for FREE programming books!
๐ Check out the EbookFoundation's collection covering a wide range of languages and topics.
๐ Free Programming Books:
7 coding habits that can level up your skills:
1. Refactor regularly
2. Git commit with meaningful messages
3. Dive into documentation
4. Practice coding challenges
5. When stuck, go for a run
6. Attend tech meetups/events
7. Limit time on tuts, code more
Diving into a new framework?
Master it with these steps:
- Read the docs thoroughly ๐
- See one shot tutorial
- Start building minor projects
- Gradually move to major ones
- Join the community for support and insights ๐ค
- Practice consistently! ๐ช
9 FREE hosting platforms for web developers:
๐ GitHub Pages
๐ Netlify
๐ Vercel
๐ Firebase Hosting
๐ InfinityFree
๐ Surge
๐ Render
๐ Freehosting .com
๐ AwardSpace
๐ป which one do you use the most ?
๐ 5 DSA Projects to Secure Your Dream MNC Job!
๐ Data Visualization Dashboard: Make interactive data displays.
๐ Web Scraping: Extract insights from the web.
๐ Stock price perdiction
๐ค Machine Learning: Conquer algorithms.
๐บ๏ธ Location Finder: data-driven maps
๐คฉJust had an incredible experience at Code Without Barriers by
@MicrosoftIndia
, thanks to
@Reskilll
for organizing! ๐ Special shoutout to
@nitropumaa
@wizard_locks
for making it unforgettable. Grateful for the learning and networking opportunities!
#CWBggn