Giter Club home page Giter Club logo

capstone-1's Introduction

Microverse Linters Build Status

Conference Page

The conference page is a project built with development best practices such as HTML semantic tags, linters, accessibility, and more.

screenshot

Built With

Technologies

  • HTML5
  • CSS3
  • JavaScript

Preprocessor

Linters

Live Demo

Live Demo Link ๐Ÿ”—

Getting Started

To get a local copy up and running follow these simple example steps.

  • Clone or download the repository
  • Open the index.html in your browser

Prerequisites

Setup

Clone from the GitHub repository. Open your Terminal and run the command:

git clone [email protected]:jorgevrgs/capstone-1.git

When the process is completed enter to the folder:

cd capstone-1

As an alternative, to download the code, open the repository link here, and look for the green button Code and then click on the option Download ZIP.

Install

npm install

Usage

Development:

npm run dev

The development site is available at http://localhost:3000.

Linters:

npm run lint:css
npm run lint:js
npm run lint:html

All the linters are available running the npm test command.

Build:

npm run build

Fix:

npm run lint:css:fix
npm run lint:js:fix

Run tests

npm test

Deployment

GitHub Pages:

  1. Open your repository page settings, i.e. https://github.com/<USERNAME>/<REPOSITORY_NAME>/settings/pages where USERNAME is your GitHub user, for instance jorgevrgs, and REPOSITORY_NAME is the name of the GitHub repository, for example capstone-1.

  2. Find the Source section and select the Branch, default is main and click on Save button.

  3. As a result your page will be published at https://<USERNAME>.github.io/<REPOSITORY_NAME>.

  4. Make sure your deploy script is executable:

chmod +x .deploy.sh
  1. Run deploy script:
npm run deploy

Authors

๐Ÿ‘ค Jorge Vargas

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

๐Ÿ“ License

This project is MIT licensed.

capstone-1's People

Contributors

jorgevrgs avatar

Watchers

 avatar  avatar

capstone-1's Issues

Peer-to-peer-review

โ™ป๏ธ Great job so far implementing the desktop version of your portfolio website. Your design and code look clean and match the template very well! โญ ๐Ÿš€ ๐Ÿช According to our morning session, the team suggests the following changes:

  • Your use of mask to change the logo background was very cool.
  • You can implement the more/less button in the mobile version for the speakers.
  • The footer has the cc common logo, not your vueConf logo. I think it is meant to be your own logo.
  • In mobile version, you might want to have less information in both the about the logo section and the footer.

Good Luck!

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.