Skip to content

aleameliach/Aristocratic-Profile-Cards

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👑🌹ARISTOCRATIC PROFILE CARDS🌹👑

¡Howdy! In this repository you'll find our final proyect as students of Adalab's Web Developer Bootcamp. We've coded both front and back end of this proyect and it's published using Railway.

THE TEAM👩🏻‍💻👩🏻‍💻👩🏻‍💻

Proyect's URL: https://project-promo-r-module-4-team-4-production.up.railway.app/

📋 PROJECT DESCRIPTION📋

On this page you can create a totally personalized business profile card, choosing the color palette that best suits your personality and adding your contact details like: name, profession, salary range, if you are looking for a job, photo and links to your email, telephone, linkedin and github.

Also, once the card is created, you can share it on Twitter (default option) or on any other social network with the link that we give you for the card.

This project was inspired by La Duquesa de Alba, a Spanish pop icon, and has a bit of a humorous undertone, but the coding it's completely serious.

🛠️ TECHNOLOGIES AND LANGUAGES 🛠️

https://github-readme-stats.vercel.app/api?username=marocena26&show_icons=true&theme=transparent https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white

WHAT CAN YOU DO?

  • You can create a beautifully aristocratic profile card that has your: name, job, profile image, email, phone, expected salary, both Github and LinkedIn handles and if you're looking for a job. You'll be able to see how it's gonna look in real time.

Screen Shot 2023-01-11 at 18 47 32 PM

  • Choose a color palette that best suits you personality.

Screen Shot 2023-01-11 at 18 47 15 PM

  • Fill in you card. Our page will automatically generate your card and embed it so that you can tweet about it.

Screen Shot 2023-01-11 at 18 49 55 PM

  • Tweet it!

Screen Shot 2023-01-11 at 18 50 42 PM

How to start this proyect on your computer

Keep in mind that we used Visual Studio Code as a code editor.

  • Make sure you have all of the technologies mentioned above installed in your PC and run them in your terminal.

    sudo npm install -g nodemon

    npm install express

    npm install cors

    npm install ejs

  • Once you've followed the steps above:

Start the backend:

On the proyect's source:

  1. Run npm install
  2. Run npm start o npm run dev.

The backend will start in http://localhost:4000

Start the frontend:

On the proyect's source:

  1. Run cd web.
  2. Run npm install.
  3. Run npm start o npm run dev.
  4. Open http://localhost:3000

Thanks for checking out our proyect!

Any feedback would be highly appreciated as we are junior developers✍🏼

Y olé! 💃🏻

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 46.3%
  • SCSS 31.5%
  • CSS 14.6%
  • EJS 5.5%
  • HTML 2.1%