Remix Template

YelpCamp by Colt Steele

Web Developer Portfolio

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.

Good job!!! I think it will be better if you write logo as a tag with function onclick reload page  

Great work. Congratulations .
One thing , maybe the dark mode should be global and affect other pages as well.
Happy coding

Oh, thank you for your feedback. I'll do that.

Thank you for your feedback, ill look into it.

Could you share your solution with me? I'm rather new to coding and this would be a great learning experiance for me. 

You can click on 'View Source Code' to see the solution.

Great job Shin, looks like newly added camps are not persisting when you reload the page, perhaps that's something you could Google & learn more about!

Nice work ! You’re definitely not a learner 😮‍💨. I’m done designing the whole project but no JavaScript skills yet. Learning that atm. Anyways where did you get your react training from ? 👀

Awesome work! Everything looks great and I love how you've handled the search function, viewing camps throws me an error though! "Application error: a client-side exception has occurred (see the browser console for more information)." — this happens whenever I view any camp. 

yea i was working on comment section now it's working fine 🚀🚀

it's not responsive only good in mobile view but open in big screens everthing breaks

yes, I forgot to mention that while submitting, only mobile version is ready and also missed search functionality.
Currently working on another urgent project but I submit semi final for review and feedback about current status.

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

sorry for this ill be deleting this i've made a mistake in choosing the right link


Please Download first then open document 

Hello, can anybody help me? I  finished the desktop view of this project using Bootstrap. Really simple: one row, two cols, and flex column layout for the text, but in order to make it responsive the way it's displayed on the picture * logo, picture, and description* cannot be done the way it's coded. I would have to put the logo outside of the row which is not a good option.. Any solutions? Same thing for the table view. Thank you

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. 

hi bro how your code in live project please help me the way to live my code .....

Great work Nathan. Just a few simple suggestions from my side. First of all I use a 1920 wide display and I feel the font size is a little small, and it would be even better if it is bigger. In your website the main header's width is small which makes it awkward to see, try using width: 100% and control that with max-width so that it would be responsive. The last thing I noticed is that in the image part the second image is bigger than the first one,  try object-fit: cover in your code. Hope you find it helpful...✌

You did so well. I want to know a few things about Bootstrap5.

I had issues when I viewed the page on my mobile phone, it all changed from what it was on the developers tool screen size for mobile, the issue now is, I don't know the specific breakpoints in my source code that I'll track modified and correct so that the page won't have issues.
I don't know what breakpoints to track, how can I do that

Hello Nicholas, you should have tried hiding the get-in-touch button for the mobile design, asides that, the code is Perfect.


Also the link you provided to view the source code isn't for this developer portfolio challenge, try making an adjustment, as I'd also like to see the code and check for the possible ways I've made mistakes while writing my own code for the same challenge.

Moreover, what was the breakpoints you used in designing for mobile and desktop?

The designs I Made for my mobile doesn't seem like the mobile design when I published the challenge and viewed it on a mobile phone, I'd like to know how you did yours or if you experience the same difficulty.
Thank you

Remix

Remix in the work

YelpCamp Codewell Challenge

Remix Website

Yelpcamp by Colt Steele

{"ops":[{"insert":"This is my solution. Any feedback would be appreciated.\n"}]}

YelpCamp - Solution

{"ops":[{"insert":"That's my first project with sass.\n"}]}

YelpCamp Solution

Yelp Camp Project with React JS

{"ops":[{"insert":"Any feedback will be appreciated.\n"}]}

Created with HTML and CSS, added a little bit of JavaScript to toggle the menu

Yelp Camp with next js & firebase 

{"ops":[{"insert":"It's my first website I created.\nShow me my mistakes.\n"}]}

YelpCamp

YelpCamp React App

{"ops":[{"insert":"Made with HTML, CSS and Vanilla JS.\n"}]}

Remix solution by PSPLAWSKI

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

Yelp Camp Solution by Victor Evogor

{"ops":[{"insert":"project created using react js and sass\n"}]}

YelpCamp - react app

YelpCamp Next.js+Tailwindcss

Yelp_Camp

{"ops":[{"insert":"Yelp Camp solution\n"}]}

Yelp Camp

YelpCamp Project

{"ops":[{"insert":"Done with CSS Grid and backend done in Nodejs.\n"}]}

YELP CAMP

YelpCamp with bootstrap

Yelp Camp challenge. Solution...

Only the landing page, with bulma and jekyll

{"ops":[{"insert":"This is my solution for YelpCamp, feel free to use it :)\n"}]}

YelpCamp [HTML CSS JS] only

{"ops":[{"insert":"This is my solution. Made with a MERN stack.\n"}]}

Yelpcamp-solution

Remix-starter

My solution for Yelpcamp challenge

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

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

{"ops":[{"insert":"i really hope to give me some advice about my first project\n"}]}

my first portfolio

rhis is my first website site 

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

Yelp Camp Project

{"ops":[{"insert":"Interesting project\n"}]}

Eyihbanner's WebDev PortFolio 

Solution to web developer portfolio

Hi, this is my first page with HTML and CSS!

Developer's Portfolio

Developer-s-Portfolio challange

Developer_Portfolio_Starter_Files_5c94536d53

landing challenge sol

{"ops":[{"insert":"Web Developer Portfolio Solution\n"}]}

YelpCamp Challenge

portfolio built with html and css

Solution for web developer portfolio | Codewell Challenge

{"ops":[{"insert":"Here is my solution for Web Development Portfolio.\n\n\n"}]}

Web Development Portfolio

{"ops":[{"insert":"Here is my solution for Web Development Portfolio.\n"}]}

Web Development Portfolio Solution

Codewell.cc Challenge-OrangeDev

Challenge Accepted and Completed

Developer portfolio

{"ops":[{"insert":"This is a desktop view of a developer portfolio not yet responsive\n"}]}

{"ops":[{"insert":"It was very difficult but I managed to get it done. And it is responsive. \n"}]}

Developer-portfolio

PORTFOLIO WEBSITE

web-developer-portfolio-master

YelpCamp challenge from codewell

{"ops":[{"insert":"the project was interesting\n"}]}

Portfolio Landing page

Developer Portfolio Starter

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

Wed developer portpolio

Web developer Portpolio

Web-Developer-Portfolio

{"ops":[{"insert":"Hi just submitted my solution. Thanks!\n"}]}

Portfolio-Design-Project

Challenge 1

{"ops":[{"insert":"interesting part practicing my quality website design\n"}]}

Developer Portfolio Starter Files

Jhonathan Specter portfolio landing page

Y.E.L.P.C.A.M.P.

{"ops":[{"insert":"unresponsive landing page website for codewell.cc challenge\n"}]}

unresponsive landing-page

{"ops":[{"insert":"A Fully Responsive Site With HTML And CSS only\n\n"}]}

Web Developer Portfolio Challenge >>>DONE

{"ops":[{"insert":"Web Developer Portfolio Build with Tailwindcss\n"}]}

Web Developer Portfolio - Tushar Kanjariya

Solution for the given challenge (Desktop, Tablet and Mobile View)

portfolio challenge codwell

Johnathan-Spenter

{"ops":[{"insert":"First time to submit a solution \n"}]}

Web Developer Portfolio Coding Challenge

https://whimsical-smakager-3df2eb.netlify.app/

dev Portfolio

{"ops":[{"insert":"It was an excellent experience for me Thank you code well!\n"}]}

Web development Portfolio Coding Challenge

{"ops":[{"insert":"HTML, CSS and Javascript\n"}]}

Dev Portfolio

{"ops":[{"insert":"Ejercicio gratuito de codewell\n"}]}

Developer Portfolio (Navbar redesign)

Web Porfolio Challenge Submission by Raza Haider

Mywebpage1

{"ops":[{"insert":"my first web page landing\n"}]}

MyProject1

{"ops":[{"insert":"Developer Landing page, made with css. I love flexbox. \n"}]}

Developer Portfolio Landing Page

web-dev-portfolio

{"ops":[{"insert":"Working with Images is still a problem for me...Any feedback is welcomed..\n"}]}

My First Codewell Project

{"ops":[{"insert":"This was fun. I used bootstrap to make it\n"}]}

First codewell project

Portfolio Starter with Bootstrap 5.

{"ops":[{"attributes":{"code-block":true},"insert":"\n"}]}

Beginner CSS

{"ops":[{"insert":"any suggestions welcome...\n"}]}

Developer Portfolio using Tailwind CSS

my project

{"ops":[{"insert":"made width html scss javascript\n"}]}

portfolio-developer

{"ops":[{"insert":"Using HTML CSS Jquery\n"}]}

Solution

My First Time Learn BoooStraps 5

Web Developer Portfolio - GHLFernandes

{"ops":[{"insert":"Projet Codewell.cc\nthis is my work on # Web Developer Portfolio\n"}]}

{"ops":[{"insert":"Developer Portfolio Starter Files using flexbox CSS\n"}]}

{"ops":[{"insert":"Project made with HTML, SASS, and JavaScript.\n"}]}

Yelpcamp

{"ops":[{"insert":"web developer portfolio using flexbox\n"}]}

Web developer portfolio

{"ops":[{"insert":"Just some CSS practice\n"}]}

Web Developer Portfolio Using HTML and CSS

{"ops":[{"insert":"I made use of grid system and bootsrap to build the landing page\n"}]}

web-developer-portfolio

Web Developer Portfolio (instructive)

YelpCamp using HTML, CSS, Flexbox, Js

YelpCamp by Katsiaryna Talkachova

{"ops":[{"insert":"Using react and tailwind\n"}]}

This is my solution for this challenge i hope you like it

Responsive developer portfolio website with only pure HTML5 and CSS3

My Solution

{"ops":[{"insert":"Responsive landing page web designer portifolio using sass/scss\n"}]}

Responsive landing page web designer portifolio using sass/scss

Developer Portfolio

Web DEveloper Portfolio Solution

Challenge Web Developer Portfolio Solution

My portfolio

{"ops":[{"insert":"I have used Bootstrap to make this site.\n"}]}

Developer_Portfolio Challenge

Portifolio website

My Developer Portfolio starter Project

Web Developer Portfolio Challenge

{"ops":[{"insert":"Developer portfolio\n"}]}

Developer protfolio Template

landing page

Toluwaleyi/Toluwaleyi-landing-page

portifolio challenge

{"ops":[{"insert":"The code are all in the GitHub repository, I'm open to corrections\n"}]}

Developer-personal-website

Web Developer Portfolio Using Tailwindcss

Web-Developer-Portfolio-Project

{"ops":[{"insert":"Coded with only css and html.It was fun.\n"}]}

Portfolio

{"ops":[{"insert":"I used only flex .\nIts not responsive yet , still learning ;)\n"}]}

Portofolio(only flex -no-responsive yet)

{"ops":[{"insert":"I have used NEXT to build this project\n"}]}

yelp-camp-next

{"ops":[{"insert":"This is my first try with Tailwind .\n"}]}

Web-Developer-Portfolio (With Tailwind)

{"ops":[{"insert":"Only html and css\n"}]}