Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

Contrast Directory

YelpCamp by Colt Steele

Arclight Landing Page

Web Developer Portfolio

Javascript30 Navbar

Great job, looks like the content isn't constrained to a certain container, though!

This is simply awesome! I love you mimicked the challenges pages in Codewell to present your projects. The animation on the TimeNow template is also really creative, one thing worth practicing is changing the data inside the pricing table when the toggle is used in the TimeNow template.

I have no suggestions to give but again, this is awesome! 🔥

Great work!
I can't for the life of me get rid of the weird background thing my images have


Really good job man. Try to cap the size of the image on the right side though. Just so it doesn't overflow on larger screens. Maybe flexbox would help make the positioning easier?

Good job Ait, just one note, viewing campgrounds shouldn't prompt users to login, they should be able to view campgrounds without logging in.

Thank you @moeminm,
I've made the changes to meet your requirements.
So user can see campgrounds. but needs to authenticate in order to add a campground or review one.

Project completed.
Users can register, login, add their own campgrounds, and review others campgrounds.
For the image I added an image file upload instead of typing the image url.

Thank you Codewell for this challenge.

There was an issue on post comment, some users kept tapping the post comment button.
 Fixed now, I added a spinner and disabled the Post comment button on form submit. Thank you everyone and happy coding.

Hi, good job 👏, but the menu doesn't work on mobile devices.

You didn't have to make the hamburger menu. It was included in the files as an image.

I would add on hover cursor pointer for the menu. 

Thanks. On a scale of 1 to 10 please rate my work.
Can I show this to recruiters?

create with flexbox and grid methods to help on operation on mobile phones.

https://webdevporto-codewell-bef.netlify.app/

dont used fixed size like px if yout want responsive use this % instead.

You have done a great job!!!!  Do you have used a lot of backend technology too. Because literally, your solution can launch and use as business website. It is so interactive. Are you a senior fullstack developer? Can you give any advice to me? I am beginner. I want to make my website interactive and can leave comments and login. Can you name the process and order and what tools and language you used in this project. Thank you. 

box-shadow: 0 0 10px #ddd;
this shadow will be better.

{"ops":[{"insert":"Spense desktop website version using React js\n"}]}

Spense desktop website version using React js

{"ops":[{"insert":"I used vite with vue + windiCSS\n"}]}

Landing page

{"ops":[{"insert":"Gradle Sign Up Page using SCSS\n"}]}

Gradle Sign Up

{"ops":[{"insert":"Created using Next.js\n"}]}

Fiber Landing Page

{"ops":[{"insert":"I build this is site with Scss.\n"}]}

Time Now

Fiber Landing Page using SCSS 

C.J Fiber Demo 

{"ops":[{"insert":"Build with React framework, using styled components with tailwind css\n"}]}

React Tailwind css

{"ops":[{"insert":"Hi, I created the Login Page with pure HTML and CSS.\n"}]}

Login Page

{"ops":[{"insert":"made a fully responsive react website, with mobile menu and signup page\n"}]}

Fiber landing page with react

{"ops":[{"insert":"This website is done with html and css.\n"}]}

responsive layouts with css 

Hosterr Waitlist Page with HTML, CSS and JS

{"ops":[{"insert":"This was encode with practically effective HTML and CSS language........\n"}]}

Hosterr website design 

Spense starter store website

Spense starter

Fiber landing page made with html and css

Tailwind grid experiment

Responsive Design using Tailwind CSS and Fetch API

{"ops":[{"insert":"If there is any comment or feedback lemme know\n"}]}

Solution for Commune Waitlist

Completed this website using html and css.

{"ops":[{"insert":"This is my first project in codewell, enjoyed doing in it.\n"}]}

Gradie-Signup-Page

Mi solucion al reto

{"ops":[{"insert":"Hosterr page using Grid and flexboxx\n"}]}

Hosterr Page using Grid

Hosterr Website

{"ops":[{"insert":"Built with Bootstrap 5.\n"}]}

Fiber - Create Portfolio in Minutes

{"ops":[{"insert":"Responsive landing page design\n"}]}

Spense-landing-page-by-anlo

Gradie Login Page

YelpCamp Codewell Challenge

{"ops":[{"insert":"Great real life project\n\n"}]}

Fiber solution by Mr. Ravi

Archlight Landing Page using CSS3 Only

{"ops":[{"insert":"Made with html,css with flexbox\n"}]}

Gradie solution without  a  framework

{"ops":[{"insert":"it was little bit hard, i used scss\n"}]}

Chirp solution

Gradie Login Panel

Hosterr Waitlist page solution

{"ops":[{"insert":"Easy challenge, any feedback is still welcome tho\n"}]}

Popup newsletter built with HTML, CSS and JS

Developer-Portfolio

Codewell-Commune Waitlist

{"ops":[{"insert":"include animation for elements\n"}]}

Hosterr

{"ops":[{"insert":"I build each of the pages and listed the structure in the readme\n"}]}

Yelp Camp Solution by Victor Evogor

{"ops":[{"insert":"Done with bootsrap 5\n"}]}

Portfolio template

Web developer portfolio

{"ops":[{"insert":"Done using HTML, CSS Flexbox, and couple lines of JS\n"}]}

techGuy08's Web Developer Portfolio Solution

{"ops":[{"insert":"Developed using CSS Flexbox.\n\nI used modal to visualize the PopUp.\n"}]}

Newsletter Popup Starter Files

Fiber website solution

fiber landing page

Web developer portfolio challenge solution

HTML & CSS

Yelp_Camp

Meeet Waitlist Template | Responsive | HTML CSS

Developers Portfolio using HTML CSS JS

{"ops":[{"insert":"Practica de portafolio responsive en html, css y bootstrap\n"}]}

Portafolio desarrollador

Challenge Completed using HTML and CSS 

sign up page

{"ops":[{"insert":"it was a tricky one but managed to complete.\n"}]}

Hosterr - Web Hosting Site

{"ops":[{"insert":"It was a great project.\n"}]}

Newsletter Popup Design

Gradie Sign up Page

{"ops":[{"insert":"A fun small project using React and styled components\n"}]}

Responsive Landing Page using React and Styled Components

Web developer Porftolio Challenge

{"ops":[{"insert":"Feedbacks are always welcome. Happing Coding :)\n"}]}

Unifeed Blog Page - Bootstrap 4

{"ops":[{"insert":"This is a solution only based on html and css\n"}]}

{"ops":[{"insert":"Created with bootstrap, css and html\n"}]}

Unifeed Blog Page 

{"ops":[{"insert":"Created with Bootsrap CSS and HTML\n"}]}

HOSTER

{"ops":[{"insert":"Create landing page using Html, CSS, Javascript.\n"}]}

codewell challenges no.1(commune-waitlist)

{"ops":[{"attributes":{"align":"right"},"insert":"\n"}]}

using webpack, react, sass, and some complicated stuffs I don't even wanna mention 

{"ops":[{"insert":"Chirp Landing Page (HTML/CSS/JS)\n"}]}

Ondeck

{"ops":[{"insert":"Meeet Waitlist Template (HTML/CSS)\n"}]}

HTML, CSS, Vanilla JS Solution

{"ops":[{"insert":"Responsive, with grid and js. \nWithout figma file :( \n"}]}

CodeWell01 - Navbar

{"ops":[{"insert":"Helped me learn a lot about flex and responsive web design \n"}]}

{"ops":[{"insert":"Created from scratch with HTML\n"}]}

Comment Module Solution

{"ops":[{"insert":"Yelp Camp Project using bootstrap 5 and javascript\n"}]}

Yelp Camp Project

{"ops":[{"insert":"I have used HTML and CSS if you have any advice you can give it, thanks\n"}]}

Fiber landing page

Commune-Waitlist

{"ops":[{"insert":"It was quite interesting working on this project.\n"}]}

Gradie Signup Page

{"ops":[{"insert":"the hardest part was the rotation of the shapes\n"}]}

Hosterr waitlist

{"ops":[{"insert":"Here is the solution.... And I used the css grid concept\n"}]}