Full-stack Developer
Dre Johnson
As a self-taught Full-Stack and Web3 Developer, I'm deeply passionate about blockchain and Web3. My experience spans TypeScript, React.js, Next.js, Svelte, SvelteKit, Astro, Tailwind CSS, Solidity, and I'm eagerly exploring Rust. My relentless commitment to learning and solving challenges ensures I stay at the forefront of technology, making me a valuable asset for innovative projects in this evolving landscape.
About me
Welcome to my digital realm! I'm a versatile Full-Stack and Web3 Developer, and I'm passionate about turning innovative ideas into reality. I specialize in blockchain technology and Solidity, and I love working with modern frameworks like Next.js, React, Svelte, and SvelteKit.
My expertise extends to backend programming with Node.js, Express, and Rust, and I'm skilled in crafting responsive designs, managing databases, optimizing performance, and building REST APIs.
I thrive in remote teamwork, excel at problem-solving, and believe in clear communication. Let's work together to bring your ideas to life and drive innovation and efficiency in every project! If you're curious to dive deeper into my work, let's connect:
Work experience
Freelance Full-stack Developer
Freelance, Shanghai, CN - Remote
2017 - Present
Proficiently delivered numerous full-stack web applications tailored to diverse client requirements, showcasing expertise in JavaScript, TypeScript, and Rust, consistently earning accolades for exceptional user experiences.
Elevated user engagement by 30% across various client projects through adept utilization of Next.js, React, Svelte, and SvelteKit for front-end development.
Played a key role in designing and implementing secure and optimized Solidity smart contracts, ensuring robustness and efficiency in blockchain applications.
Spearheaded the development and implementation of robust server-side solutions, leveraging Node.js and Express, resulting in a 40% improvement in system reliability and enhanced scalability for client platforms.
Optimized SQL and PostgreSQL database management processes, resulting in heightened data integrity and a 35% reduction in query times.
Demonstrated mastery in performance optimization techniques, including lazy loading and code splitting, resulting in a 20% acceleration of client applications and a 15% boost in user retention rates.
Played a pivotal role within a cohesive team of 7 developers, collaboratively working in Agile environments. Achieved a 95% success rate in meeting project milestones, highlighting effective teamwork and project management skills.
Lead Full-stack Developer
Tomorrow Pictures, Inc, Atlanta, GA
2013 - 2017
Spearheaded a comprehensive overhaul and reconstruction of the company's primary Video-On-Demand (VOD) web application, replacing a legacy Ruby codebase with Angular, Node.js, and a headless CMS. This initiative resulted in substantial system performance improvements, bug reduction, and an enriched user experience
Directed the conception, execution, and upkeep of multiple high-performance, scalable web applications tailored for a diverse clientele, harnessing cutting-edge technologies such as Next.js, TypeScript, and Firebase.
Elevated user experiences and bolstered SEO performance across all client projects, ensuring superior outcomes for end-users and enhanced search engine rankings.
Pioneered and introduced pivotal product features for a multitude of progressive web apps, leading to the successful deployment of five client projects and delivering a unified, seamless user experience.
Crafted efficient databases and fortified secure REST API endpoints with SQL for various client endeavors, significantly enhancing data integrity, execution speed, and overall system security.
Revamped the aesthetics and usability of a heavily-trafficked, customer-facing web application for a key client, achieving an impressive 70% increase in user retention.
Education
Self Taught Developer
World Wide Web
2012 - Present
Bachelor of Arts in Film, Video and Digital Media
Columbia College Chicago
2004 - 2007
Skills
Highlighting the Skills That Fuel Digital Innovation in Web2 and Web3
Full-Stack Development
Proficient in creating end-to-end web solutions, handling both front-end and back-end development tasks.
Front-End Frameworks
Proficient in modern front-end frameworks like React, Next.js, Svelte, SvelteKit, and Astro for dynamic web development.
Back-End Proficiency
Experienced in developing robust server-side solutions using Node.js, Express, and Rust.
Database Management
Knowledgeable in designing and optimizing SQL databases to store and retrieve data efficiently.
REST APIs
Experienced in building robust RESTful APIs to facilitate data communication between front-end and back-end systems.
Blockchain Development
Proficient in creating and optimizing secure smart contracts using Solidity for decentralized applications (dApps) on blockchain platforms.
Web3 Integration
Skilled at integrating blockchain technology and Web3 principles into web applications for enhanced functionality.
Adaptability
Quick to adapt to new technologies, tools, and emerging trends in the dynamic world of web development and blockchain.
Attention to Detail
Diligent in maintaining precision and code quality in all development work.
Showcasing the essential skills needed to build robust web applications
Embark on a development journey that transcends code, venturing into the boundless possibilities of Web and Blockchain innovation. Explore my portfolio, where my passion for technology and creativity converge to craft immersive digital experiences and pioneer the future of decentralized narratives.
ERC20 Staking Contract:
Simple yet robust staking contract focused on security and efficiency
Description:
Developed a Solidity ERC20 staking contract designed for security and gas efficiency. The contract empowers users to stake tokens and earn rewards in the same native token. Implemented industry best practices to ensure the utmost security and efficiency, including rigorous testing, gas optimization, and adherence to the ERC20 standard.
Role:
Led the development of the ERC20 staking contract, prioritizing security and gas efficiency. Employed industry best practices, conducted thorough testing, optimized gas consumption, and ensured compliance with the ERC20 standard, creating a robust and efficient staking solution.
Anywhere Fitness:
Web app that allows user to find and join others on their fitness journey
Description:
Developed the "Anywhere Fitness" web app with Svelte, integrating Firebase Authentication for user access, FaunaDB for data storage using GraphQL, and Google's Location API for location-based features. The project utilized Tailwind CSS for a responsive UI.
Role:
Led end-to-end development, covering Svelte front-end, Firebase Authentication, FaunaDB integration with GraphQL, Google Location API implementation, and responsive UI design using Tailwind CSS.
Quizard:
Open AI powered quiz generator built with Next.js
Description:
Engineered an OpenAI-powered multi-choice quiz generator using Next.js, Tailwind CSS, and Framer Motion. This user-friendly tool allows customization of language, topic, difficulty, and question count. During the quiz generation process (20-30 seconds), an engaging loading screen displays live response streams and fun programming facts. The quiz itself offers multiple-choice questions with explanations, a progress bar, and an entertaining end screen featuring gifs, witty messages, and confetti for high scores. Plus, it boasts a 14-track Kahoot-style audio player to groove to during the quiz.
Role:
Led the development of the quiz generator, leveraging Next.js, Tailwind CSS, and Framer Motion for a responsive and visually appealing interface. Implemented customizable quiz options, designed an engaging loading screen, and created a feature-rich quiz with entertaining elements. The highlight is the integrated Kahoot-style audio player, enhancing the overall user experience.
AI Keyword Extractor:
OpenAI backed keywords extractor, Next.js 13, TailwindCSS, OpenAI API
Description:
Introducing the AI Keywords App, a sophisticated solution leveraging the OpenAI API's natural language processing capabilities to empower users with advanced keyword analysis and generation. This application is meticulously crafted using Next.js 13, the latest iteration of the React framework, and polished with TailwindCSS for a sleek and responsive design.
Role:
Developed the AI Keywords Extractor App, orchestrating the integration of the OpenAI API to ensure precise and contextually relevant keyword generation. I designed a user-friendly interface using Next.js 13, optimizing performance and SEO-friendliness for an efficient web application.
Impossible Tic Tac Toe:
Tic-tac-toe but with an AI implemented with minimax algorithm and alpha-beta pruning, making it impossible to beat. Buit with Sveltekit
Description:
Created an interactive Tic-Tac-Toe web application using SvelteKit for the front-end, coupled with a robust minimax algorithm for the AI opponent. The project showcased expertise in front-end web development, user interface design, and algorithm integration. The game featured responsive design, real-time game state management, and an engaging user interface. Deployed the application to provide a seamless gaming experience to users.
Role:
Led the development of the Tic-Tac-Toe web application, leveraging SvelteKit for a modern, responsive front-end. Integrated a sophisticated minimax algorithm to power the AI opponent, ensuring challenging gameplay. Managed game state, user interactions, and visual design, resulting in an immersive and enjoyable gaming experience. Deployed the application for widespread accessibility, showcasing skills in web development and user experience design.
