Giter VIP home page Giter VIP logo

baaymax's Introduction

BaayMax ๐Ÿ˜Ž

Hey everyone, I wanted to let you all know that I have decided to archive the BaayMax repository. As many of you know, BaayMax is a tool for developers to generate intuitive, unique, and flexible portfolio sites. While it has been a useful tool for many of you, my schedule has become too busy to properly maintain it. However, I am not abandoning the project completely! I have plans to build a much more stable release and version of BaayMax that will not only be accessible for developers, but also for designers and non-developers. My goal is to create a product that is useful for a wider range of users and can be easily accessed and used by anyone. Thank you for your understanding and support as I work towards creating a better product. Stay tuned for updates on the new release of BaayMax!

Generating of portfolio site just got easier. BaayMax a tool for developers which enables generating of intuitive, unique, flexible portfolio site ready for deployment.

With just a command, your portfolio is ready.

Checkout Live Version: baaymax portfolio

Watch brief video about #Baaymax BaayMax Video

Getting Started ๐Ÿ˜Ž

To get started in using baaymax, make sure Nodejs and Git are preinstalled on your PC.


check if nodejs and git are installed using the below commands.

Git

    node --version
    # v16.4.2

Nodejs

    git --version
    # git version 2.35.1.windows.2

If the above requirement are checked, it time to generate your personal portfolio.

Install BaayMax globally on your pc using any of the below comamnds. ๐Ÿ™Œ

NPM

    npm i -g baaymax

YARN

    yarn add global baaymax

Check if it installed globally on your pc by running : โœŒ

    baaymax

A screen below should be printed out within your terminal

Generate your own portfolio. ๐Ÿ’–โค

using baaymax --init <project_name> would run you through the setup, kindly follow all instructions carefully.

    baaymax --init portfolio-v3

Once all instructions have been met carefully, you would be prompted to open your portfolio site within vscode. If you have vscode installed as your default editor choose Yes otherwise No.

Start the development server using โœ”

    npm run dev

Open localhost:3000/ within your browser.

Congratulation ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

you now have your own personal portfolio site ready to use which can now be deployed.

Configure your portfolio.

Before running your portfolio, make sure you follow the below instructions carefully.

Setp 1

Configure your information found in ...data/usersInfo.json. This file contain your core information about you and some other stuff.

. This can be done after making use of the BAAYMAX_CLI APP

Setp 2

Configure your favorites programming languages or tools found in ...data/languages.json. Go to Devicons.dev select (3) your favorites tools and replace the ones found within this file.

. This can be done after making use of the BAAYMAX_CLI APP

Setp 3

Configure your social accounts found in ...data/socials.json.

Setp 4

Configure your personal projects found in ...data/projects.json.

. This can be done after making use of the BAAYMAX_CLI APP

Setp 5

Configure your personal projects found in ...confid/index.js.

BaayMax uses EmailJs a javascript library for sending mails right into your inbox. So do the following.

  1. Visit https://emailjs.com.
  2. Create an account.
  3. Follow the instructions on setting up yours @ https://www.emailjs.com/docs/sdk/installation/. If you feel lost checkout my old Youtube Video where I explain how to send mails using this library. [ Disclaimer: the video was made when I was still a beginner, so take whatever you see as a beginner. ]. Replace the below config with yours, if not, users wont be able to send MESSAGE to your inbox.

Step 6

Dont forget to setup your Emailjs Template as shown in the picture, if you feel like adding a different style, also update the template object found in /components/contact/index.js <line 86:90>

    86 const templateParams = {
    87    from_name: name,
    88    sender_email: email,
    89    message: message
    90 };

Step 7

Upload your CV / RESUME file within the public/CV folder with the name resume.pdf just as seen in the picture below.

Customizing your site theme.

This can be done by simply updating some of the color codes found in tailwind.config.js

ALSO, IF YOU FEEL NOTHING CHANGE AFTER MAKING NECESSARY UPDATES, SIMPLY CLEAR CACHE STORAGE ALONG WITH LOCALSTORAGE.

Disclaimer ๐Ÿ˜ข

if you run into an error kindly post it within the github issue tab here Raise Error

baaymax's People

Contributors

benrobo avatar defiboyszn avatar

Stargazers

Roman avatar M kumaresh avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.